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

Question

我知道以前有人问过这个问题，但没有一个解决方案令我满意...

我想在正文和列标题之间放置列过滤输入。我把它们放在一个额外的 <tr> 中里面<thead> (许多消息来源说这有效)。

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

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

Answer 1

您可以使用 orderCellsTop选项设置为 true使用顶行 <tr>在 <thead>用于排序。来自手册:

Allows control over whether DataTables should use the top (true) unique cell that is found for a single column, or the bottom (false - default) to attach the default order listener. This is useful when using complex headers.

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

参见 this JSFiddle用于演示。