gpt4 book ai didi

jquery - 如何将 DataTables 列过滤器放在顶部

转载 作者:行者123 更新时间:2023-12-03 21:48:51 24 4
gpt4 key购买 nike

我正在使用 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" },

如何将其放在 table 顶部?

最佳答案

方法1(CSS)

您可以将 CSS 更改为

tfoot {
display: table-header-group;
}

方法 2(Javascript)

将过滤器行内容作为 TD(而不是 TH)放入 THEAD 中并进行更改

$("tfoot input")

$("thead input")

关于jquery - 如何将 DataTables 列过滤器放在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17629060/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com