如何仅按顶部标题行对表进行排序

Question

我知道之前已经问过这个问题，但没有解决方案让我满意......

我想在主体和列标题之间放置列过滤输入。我将它们放在<tr>内<thead>内（许多消息来源称这有效）。

一切正常，但现在它链接了这些输入的排序而不是标题。您可以看到示例here。 我没有在此示例中实现列过滤，但您可以看到排序现在链接到输入而不是<thead>中的第一行。

$(function() {
   var dataTable = $('#mainTable').DataTable({
       paging: false
   });
});

Answer 1

您可以使用设置为true的{​​{3}}选项在<tr>中使用顶行<thead>进行排序。从手册：

  

允许控制DataTables是应该使用为单个列找到的顶级（true）唯一单元格，还是使用底部（false - 默认值）来附加默认订单侦听器。这在使用复杂标题时很有用。

var dataTable = $('#mainTable').DataTable({
   paging: false,
   orderCellsTop: true
});

请参阅orderCellsTop进行演示。