如何删除jQuery DataTables插件添加的搜索栏和页脚？

Question

我正在使用jQuery DataTables.

我想删除默认情况下添加到表中的搜索栏和页脚(显示可见的行数).基本上我只想使用这个插件进行排序.可以这样做吗？

Answer 1

对于DataTables> = 1.10,使用:

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

对于DataTables <1.10,使用:

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

或使用纯CSS:

.dataTables_filter, .dataTables_info { display: none; }

Answer 2

查看http://www.datatables.net/examples/basic_init/filter_only.html以获取要显示/隐藏的功能列表.

你想要的是将"bFilter"和"bInfo"设置为false;

$(document).ready(function() {
    $('#example').dataTable( {
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
                 } );
} );

Answer 3

您也可以通过设置来绘制页眉或页脚sDom:http: //datatables.net/usage/options#sDom

'sDom': 't' 

将显示JUST表,没有页眉或页脚或任何东西.

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

Answer 4

如果您使用自定义过滤器,您可能希望隐藏搜索框但仍想启用过滤功能,所以bFilter: false不是这样.使用dom: 'lrtp'替代,默认为'lfrtip'.文档:https://datatables.net/reference/option/dom

Answer 5

var table = $("#datatable").DataTable({
   "paging": false,
   "ordering": false,
   "searching": false
});

Answer 6

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

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

Answer 7

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

这个属性也允许为元素设置一些类或id，这样你就可以更轻松地设计。

在这里查看官方文档： https: //datatables.net/reference/option/dom

此示例仅显示表格：

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