我使用的是jQuery DataTables的最新版本。我想在每个表上使用单独的列筛选器,所以我使用列筛选器插件,但只在页脚中获得搜索框。我想放在页眉中
$(document).ready(function () {
var oTable=$("#example").dataTable({
"bJQueryUI": true,
"sScrollX": "100%",
"aLengthMenu": [[5, 15, 50, 100], [5, 15, 50, "l00"]],
"iDisplayLength": 10,
"sPaginationType": "full_numbers",
"sDom": '<"top"if>rt<"bottom"lp><"clear">'
}).columnFilter({"sPlaceHolder":"head :before",
"aoColumns": [{ "type": "text" }, { "type": "text" }, null, null, null, null, { "type": "text" }, null, { "type": "text" }, { "type": "text" }, { "type": "text" },
我怎么才能把它放在我的桌子上呢?
发布于 2013-07-13 17:57:36
方法1 (CSS)
您可以将CSS更改为
tfoot {
display: table-header-group;
}
方法2 (Javascript)
将筛选器行内容作为TDs (不是the )放入标题中,然后更改
$("tfoot input")
至
$("thead input")
发布于 2014-05-06 00:21:18
您可以通过添加参数'sPlaceHolder‘将其移动到表的顶部
}).columnFilter({
sPlaceHolder: "head:after",
aoColumns: [ ...
发布于 2014-12-18 13:51:01
只需使用以下javascript代码(这里的'example‘是您的表的id ):
$('#example tfoot tr').insertAfter($('#example thead tr'))
https://stackoverflow.com/questions/17629060
复制相似问题