我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
当前回答
正如@Scott Stafford所说,sDOM是最适合显示、隐藏或重新定位组成数据表的元素的属性。我认为sDOM现在已经过时了,在实际的补丁中,这个属性现在是dom。
这个属性还允许为一个元素设置一些类或id,所以你可以更容易地设计风格。
查看官方文档:https://datatables.net/reference/option/dom
这个例子只显示表:
$('#myTable').DataTable({
"dom": 't'
});
其他回答
<script>
$(document).ready(function() {
$('#nametable').DataTable({
"bPaginate": false,
"bFilter": false,
"bInfo": false
});
});
</script>
在数据表构造函数中
https://datatables.net/forums/discussion/20006/how-to-remove-cross-icon-in-search-box
一个快速而肮脏的方法是找出页脚的类,并使用jQuery或CSS隐藏它:
$(".dataTables_info").hide();
对于数据表>=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: http://datatables.net/usage/options#sDom
'sDom': 't'
将只显示表,没有页眉或页脚或任何东西。
这里有一些讨论:http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1
请访问http://www.datatables.net/examples/basic_init/filter_only.html查看要显示/隐藏的特性列表。
你想要的是将“bFilter”和“bInfo”设置为false;
$(document).ready(function() {
$('#example').dataTable( {
"bPaginate": false,
"bFilter": false,
"bInfo": false
} );
} );