数据表 - 在表格顶部显示特定行

时间:2017-04-13 11:14:46

标签: jquery datatables

我的Datatables在我的一个项目上正常运行。我试图在表格顶部显示某一行,如果它包含某个字符串。

有没有办法做到这一点,因为我在datatables文档中找不到任何内容。

1 个答案:

答案 0 :(得分:2)

添加隐藏列,在特定行中放置更高的值并使用“aaSortingFixed”。 (我认为在新版本中是“orderFixed”)

 <table>
  <thead>
    <th>
      <td class="hidden"></td>
      <td>name</td>
      <td>age</td>
      <td>salary</td>
    </th>
  </thead>
  <tbody>
    <tr>
      <td class="hidden">100</td>
      <td>Taylor Murphy</td>
      <td>26</td>
      <td>$62k - $68k</td>
    </tr>
    <tr>
      <td class="hidden">0</td>
      <td>Jared Henderson</td>
      <td>26</td>
      <td>$59k - $64k</td>
    </tr>
    <tr>
      <td class="hidden">0</td>
      <td>Rolando Yates</td>
      <td>26</td>
      <td>$49k - $53k</td>
    </tr>
  </tbody>
</table>

这里100是我们想要把它贴在上面的更高的值

$('table').DataTable( {
    "aaSortingFixed": [[0,'desc']]
});

现在我们可以重新编写表格,但100值的行将始终位于顶部