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

How to sort table by top header row only

本文关键字：排序 顶部 标题 何仅按      更新时间：2023-09-26

我知道这个问题以前已经问过了，但是没有一个解决方案让我满意。

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

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

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

您可以使用orderCellsTop选项设置为true使用<thead>的顶部行<tr>进行排序。从手册:

允许控制数据表是否应该使用顶部(true)唯一的单元格来查找单个列，或者底部(false -默认)来附加默认的顺序侦听器。这在使用复杂的头文件时非常有用。

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

相关文章：