数据表排序

Question

我在使用 jQuery 插件数据表对数据进行排序时遇到问题。我用数据库结果形成表格，总是得到默认排序，按第一列降序排序：

<table cellpadding="0" cellspacing="0" border="0" class="display dataTable tabela" id="tabela4">
<thead>
    <tr>
       <th>ID</th>
        <th>Counter BW</th>
        <th>Counter Color</th>
        <th>Status</th>
    </tr>
</thead>
<tbody>
<? foreach ($db_result->result() as $row):?>
   <tr class="gradeC">
      <td><?=$row->service_id;?></td>
        <td><?= $row -> counter_bw; ?></td>
        <td><?= $row -> counter_color; ?></td>
        <td><div class="<?= $row -> service_status; ?>"><?= $row -> service_status; ?></div></td>
    </tr>
 <? endforeach; ?>
</tbody>

还有 jQuery 代码：

$('#tabela4').dataTable({
"aaSorting": [[ 3, "desc" ]]
});

问题是排序总是默认的，第一列降序。

Answer 1

使用DataTables，您可以在初始化时更改表的排序特征。使用 aaSorting 初始化参数，您可以准确地获取表格您希望如何呈现信息。 aaSorting 参数是一个数组数组，其中第一个值是要排序的列，第二个值是 'asc' 或 'desc' 根据需要 试试如下：

$(document).ready(function() {
    $('#example').dataTable( {
        "aaSorting": [[ 4, "desc" ]]
    } );
} );

更多详情请查看链接：Demo