如何将DataTables列过滤器放在最上面
如何将DataTables列过滤器放在最上面
提问于 2013-07-13 17:55:33
我使用的是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" },我怎么才能把它放在我的桌子上呢？
回答 6
Stack Overflow用户
发布于 2013-07-13 17:57:36
方法1 (CSS)
您可以将CSS更改为
tfoot {
display: table-header-group;
}方法2 (Javascript)
将筛选器行内容作为TDs (不是the )放入标题中，然后更改
$("tfoot input")至
$("thead input")Stack Overflow用户
发布于 2014-05-06 00:21:18
您可以通过添加参数'sPlaceHolder‘将其移动到表的顶部
}).columnFilter({
sPlaceHolder: "head:after",
aoColumns: [ ...Stack Overflow用户
发布于 2014-12-18 13:51:01
只需使用以下javascript代码(这里的'example‘是您的表的id )：
$('#example tfoot tr').insertAfter($('#example thead tr'))
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17629060
复制相关文章
相似问题