jQuery DataTables - Сортировка не работает при щелчке по столбцу

Question

Записи вкладки/строки поиска/страницы отображаются в верхней части таблицы, как ожидалось. Но при нажатии они не сортируются. Это похоже на просмотр только первого ряда.

<script> 

    $(document).ready(function() { 

    $('#aeotable').DataTable(); 

    }); 

</script> 

echo ' 

    <table id="aeotable" class="display"> 
      <thead>  
       <tr> 
        <th>Company Name</th> 
        <th>Expiry insurance certificate</th> 
        <th>Comments</th> 
        <th>File Name</th> 
        <th>&nbsp;</th> 
       </tr> 
      </thead>'; 



    // Print each file 
    while($row = $result->fetch_assoc()) { 
     echo " 
     <tbody> 
      <tr> 
       <td>{$row['cop']}</td> 
       <td>{$row['expo']}</td> 
       <td>{$row['dec']}</td> 
       <td>{$row['fil']}</td> 
       <td><a download href=\"file/{$row['file']}\">Download</a></td> 


      </tr> 
     </tbody>"; 
    } 

    // Close tabl 
    echo '</table>'; 

Answer 1

Вы создаете <tbody> для каждой строки вместо одной <tbody> для всех строк.

Изменения в

echo '<tbody>'; 
// Print each file 
while($row = $result->fetch_assoc()) { 
    echo "   
     <tr> 
      <td>{$row['cop']}</td> 
      <td>{$row['expo']}</td> 
      <td>{$row['dec']}</td> 
      <td>{$row['fil']}</td> 
      <td><a download href=\"file/{$row['file']}\">Download</a></td> 
     </tr>"; 
} 

echo ' </tbody>';