Невозможно прочитать свойство «mData» неопределенного в Salesforce

Question

Я пытаюсь получить данные из списка и отсортировать его с помощью jQuery, но для этого я получаю эту ошибку на консоли.

Невозможно прочитать свойство «mData» неопределенного на консоли.

Если я добавляю статические данные, он работает. Я новичок в jQuery.

VF Page

<apex:page sidebar="false" controller="PaginationCon"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
    <script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script> 

    <link href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet"/> 

<script type="text/javascript"> 

      $(function() { 
      $("#example1").dataTable();    
     });   

    </script> 

    <apex:form > 
     <table id="example1" class="table table-bordered table-striped"> 

     <thead> 
      <tr> 
       <th>Name</th> 
       <th>BodyLength</th> 
       <th>Created Date</th> 
       <th>Owner Name</th> 
       <th>Click To View</th> 
      </tr> 

     </thead> 

     <tbody> 
      <apex:repeat value="{!att}" var="at"> 
<tr> 
    <td> <apex:outputText value="{!at.Name}"/></td> 
    <td> <apex:outputText value="{!at.BodyLength}"/></td> 
    <td> <apex:outputText value="{!at.CreatedDate}"/></td> 
    <td> <apex:outputText value="{!at.Owner.Name}"/></td> 
    <td> <apex:commandLink value="View"/></td> 
    <td> <apex:commandLink value="Delete"/></td>  
</tr> 
    </apex:repeat> 
</tbody> 

    </table> 

    </apex:form> 
</apex:page> 

Контроллер

public with sharing class PaginationCon { 

    public List<Attachment> att{get;set;} 

    public PaginationCon() 
    { 
     att=new List<Attachment>(); 
     att=[select id,Name,BodyLength,CreatedDate,Owner.Name from Attachment limit 1000]; 
    } 
} 

Answer 1

Просто добавьте этот элемент ниже "Нажмите для просмотра" Таблица Header

<th>Click To Delete</th> 

должно быть это сейчас.

<thead> 
<tr> 
    <th>Name</th> 
    <th>BodyLength</th> 
    <th>Created Date</th> 
    <th>Owner Name</th> 
    <th>Click To View</th> 
    <th>Click To Delete</th> 
</tr> 
</thead> 

<thead> и <tbody> должны иметь одинаковое число столбцов.