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

我正在使用jQuery数据表。

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

当前回答

你也可以不画页眉或页脚通过设置sDom: http://datatables.net/usage/options#sDom

'sDom': 't'

将只显示表，没有页眉或页脚或任何东西。

这里有一些讨论:http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

其他回答

一个快速而肮脏的方法是找出页脚的类，并使用jQuery或CSS隐藏它:

$(".dataTables_info").hide();

如果你正在使用themeroller:

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

正如@Scott Stafford所说，sDOM是最适合显示、隐藏或重新定位组成数据表的元素的属性。我认为sDOM现在已经过时了，在实际的补丁中，这个属性现在是dom。

这个属性还允许为一个元素设置一些类或id，所以你可以更容易地设计风格。

查看官方文档:https://datatables.net/reference/option/dom

这个例子只显示表:

$('#myTable').DataTable({
    "dom": 't'
});

你也可以不画页眉或页脚通过设置sDom: http://datatables.net/usage/options#sDom

'sDom': 't'

将只显示表，没有页眉或页脚或任何东西。

这里有一些讨论:http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

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

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

推荐文章