jquery - 用于过滤的 DataTables 第二个标题行

我正在使用来自单个列搜索的代码在每列的页脚中添加选择字段，以允许过滤相应的列。

我希望将其移至顶部以低于标题字段和列。我添加了第二个标题行并替换.appendTo( $(column.footer()).empty() )为.appendTo( $(column.header()).empty() )

问题是当我调用时$(column.header()).empty()， header() 是底部标题行。有没有办法让主标题行成为顶部标题行，并让多过滤器选择成为它正下方的行？

这是它的样子。我什至无法单击选择下拉菜单，因为它只是对列字段进行排序。

标签： jqueryfilterhtml-tabledatatables

这个技巧可能对你有用。

将以下 CSS 添加到您的代码中：

 tfoot {
    display: table-header-group;
}

并稍微更改您的代码：

就像我在其中一个myfiddle中所做的那样，添加<tfoot>到你的旁边<thead>和上面，你的问题就解决了。 <tbody>