DataTables第二个标题行进行过滤

Question

我正在使用Individual Column Searching中的代码在每列的页脚中添加“选择”字段，以允许对相应的列进行过滤。

我想将其移到顶部，使其位于标题字段和列的下方。我添加了第二个标题行，并将.appendTo( $(column.footer()).empty() )替换为.appendTo( $(column.header()).empty() )

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

这是它的样子。我什至不能单击选择下拉列表，因为它仅对列字段进行排序。

Answer 1

此技巧可能对您有用。

在代码中添加以下CSS：

 tfoot {
    display: table-header-group;
}

然后稍微更改一下代码：

像在myfiddle之一中所做的那样，在您的<tfoot>旁边和<thead>上方添加<tbody>，您的问题已解决。