jquery – 如何在顶部放置DataTable列过滤器

前端之家收集整理的这篇文章主要介绍了jquery – 如何在顶部放置DataTable列过滤器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery DataTables最新版本.我想在每个表上使用单独的列过滤器,所以我使用列过滤器插件,但是仅在页脚中获取搜索框.我想放在标题
$(document).ready(function () {
var  oTable=$("#example").dataTable({
       "bJQueryUI": true,"sScrollX": "100%","aLengthMenu": [[5,15,50,100],[5,"l00"]],"iDisplayLength": 10,"sPaginationType": "full_numbers","sDom": '<"top"if>rt<"bottom"lp><"clear">'

    }).columnFilter({"sPlaceHolder":"head :before","aoColumns": [{ "type": "text" },{ "type": "text" },null,

我该怎么把它放在桌子的顶部?

解决方法

方法1(CSS)

您可以将CSS更改为

tfoot {
    display: table-header-group;
}

方法2(Javascript)

将过滤器行的东西放入THEAD作为TD(而不是TH)并更改

$("tfoot input")

$("thead input")

猜你在找的jQuery相关文章