jquery 未显示数据表搜索框

d8tt03nd  于 2022-11-29  发布在  jQuery
关注(0)|答案(4)|浏览(213)

我正在使用Datatables,发现搜索框没有出现在表附近。

$(document).ready(function() {
                    $('#dfUsageTable').DataTable({
                        pageLength: 10,
                        filter: true
                        deferRender:    true,
                        scrollY:        200,
                        scrollCollapse: true,
                        scroller:       true
                    });
                } );

我已经尝试添加过滤器选项,但它仍然不工作。
JSFiddle

fkaflof6

fkaflof61#

请使用下面的代码,您在第三行中缺少“,”。

$('#dfUsageTable').DataTable({
    pageLength: 10,
    filter: true,
    deferRender: true,
    scrollY: 200,
    scrollCollapse: true,
    scroller: true
});
x7rlezfr

x7rlezfr2#

我知道已经太晚了,但希望它能帮助未来的访问者。添加"searching": true,并将,放在filter: true之后

$(document).ready(function() {
  $('#dfUsageTable').DataTable({
    pageLength: 10,
    filter: true,
    deferRender: true,
    scrollY: 200,
    scrollCollapse: true,
    scroller: true,
    "searching": true,
  });
});
atmip9wb

atmip9wb3#

我知道这有点晚了,但是我也遇到过类似的问题,上面的方法都没有帮助。真正有帮助的是删除了一个指向样式表的链接,这个样式表是我为汉堡菜单添加的,名为“hamburger.css”。当我删除这个链接时,一切都很好。所以,我的建议是删除或注解掉css文件,除了那些**DataTable必需的 * a文件。

xyhw6mcr

xyhw6mcr4#

还有一件事可能发生。
这可能是您定义了'dom'属性而没有'f'选项(该选项控制输入搜索框see的显示)的情况。
测试这一点的快速方法是在DataTable中注解'dom'属性,这样您就可以忽略它是您定义它的方式中的某个东西造成的混乱。(此时将应用带有searchbox的默认值)。

相关问题