我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
当前回答
这可以通过简单地改变配置来完成:
$('table').dataTable({
paging: false,
info: false
});
但要隐藏空页脚;这段代码做到了:
$('table').dataTable({
paging: false,
info: false,
//add these config to remove empty header
"bJQueryUI": true,
"sDom": 'lfrtip'
});
其他回答
如果你正在使用自定义过滤器,你可能想隐藏搜索框,但仍然想启用过滤器功能,所以bFilter: false不是方法。使用dom: 'lrtp'代替,默认是'lfrtip'。文档:https://datatables.net/reference/option/dom
一个快速而肮脏的方法是找出页脚的类,并使用jQuery或CSS隐藏它:
$(".dataTables_info").hide();
$('#my_table').DataTable({
"iDisplayLength": 100,
"searching": false,
"paging": false,
"info": false,
});
对于数据表>=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; }
var table = $("#datatable").DataTable({
"paging": false,
"ordering": false,
"searching": false
});