Question

我正在使用数据表，但发现搜索框未出现在表附近。

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

我尝试添加过滤器选项，但仍然无法正常工作。

JSFiddle

Answer 1

请使用以下更新的代码将起作用。您在第三行中缺少'，'。

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

Answer 2

我知道这有点晚了，但我遇到了类似的问题，而且以上都没有帮助。有什么帮助是删除指向我为汉堡包菜单添加的名为“hamburger.css”的样式表的链接。当我删除它时，一切都很好。所以，我的建议是删除或注释掉 css 文件，除了 DataTables 需要的那些。

Answer 3

我知道为时已晚，但希望它可以帮助未来的访客。添加 "searching": true, 并将 , 放在 filter: true

之后

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

数据表搜索框未显示

3 个答案: