jQuery DataTables - 单击列时排序不起作用

Question

tabs/search bar/page 条目按预期出现在 table 的顶部。但是单击时它们不会排序。好像只看第一行。

<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>';

jQuery DataTables - 单击列时排序不起作用

jQuery DataTables - Sorting doesn't work when column is clicked

javascript

php

jquery

datatables