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