如何删除搜索栏和页脚添加的jQuery数据表插件?

我正在使用jQuery数据表。

我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?

当前回答

对于数据表>=1.10，使用:

$('table').dataTable({searching: false, paging: false, info: false});

如果你仍然想要这个插件的.search()函数，你需要用dom设置“隐藏”搜索栏html:

$('table').dataTable({dom: 'lrt'});

默认值是lfrtip或<"H"lfr>t<"F"ip>(当jQueryUI为true时)，F char表示dom中的过滤(搜索)html, ip表示信息和分页(页脚)。

对于<1.10的数据表，使用:

$('table').dataTable({bFilter: false, bInfo: false});

或者使用纯CSS:

.dataTables_filter, .dataTables_info { display: none; }

其他回答

你可以通过css隐藏它们:

#example_info, #example_filter{display: none}

在这里你可以添加到sDom元素到你的代码，顶部搜索栏是隐藏的。

$(document).ready(function() {
    $('#example').dataTable( {
"sDom": '<"top">rt<"bottom"flp><"clear">'
 } );
} );

如果你正在使用themeroller:

.dataTables_wrapper .fg-toolbar { display: none; }

对于数据表>=1.10，使用:

$('table').dataTable({searching: false, paging: false, info: false});

如果你仍然想要这个插件的.search()函数，你需要用dom设置“隐藏”搜索栏html:

$('table').dataTable({dom: 'lrt'});

默认值是lfrtip或<"H"lfr>t<"F"ip>(当jQueryUI为true时)，F char表示dom中的过滤(搜索)html, ip表示信息和分页(页脚)。

对于<1.10的数据表，使用:

$('table').dataTable({bFilter: false, bInfo: false});

或者使用纯CSS:

.dataTables_filter, .dataTables_info { display: none; }

您可以使用sDom属性。代码看起来像这样。

$(document).ready(function() {
    $('#example').dataTable( {
        'sDom': '"top"i'
                 } );
} );

İt隐藏搜索和寻呼机框。

推荐文章