我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
当前回答
提醒一下,你不能在同一个<table>元素上初始化DataTable两次。
如果你遇到同样的问题,那么你可以在初始化HTML <table>上的DataTable时将搜索和分页设置为false
$('#tbl').DataTable({
searching: false,
paging: false,
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
其他回答
提醒一下,你不能在同一个<table>元素上初始化DataTable两次。
如果你遇到同样的问题,那么你可以在初始化HTML <table>上的DataTable时将搜索和分页设置为false
$('#tbl').DataTable({
searching: false,
paging: false,
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
如果你正在使用themeroller:
.dataTables_wrapper .fg-toolbar { 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
<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
这可以通过简单地改变配置来完成:
$('table').dataTable({
paging: false,
info: false
});
但要隐藏空页脚;这段代码做到了:
$('table').dataTable({
paging: false,
info: false,
//add these config to remove empty header
"bJQueryUI": true,
"sDom": 'lfrtip'
});