我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
我正在使用jQuery数据表。
我想删除默认情况下添加到表中的搜索栏和页脚(显示有多少行可见)。我只是想用这个插件来排序。这能做到吗?
当前回答
$('#my_table').DataTable({
"iDisplayLength": 100,
"searching": false,
"paging": false,
"info": false,
});
其他回答
在这里你可以添加到sDom元素到你的代码,顶部搜索栏是隐藏的。
$(document).ready(function() {
$('#example').dataTable( {
"sDom": '<"top">rt<"bottom"flp><"clear">'
} );
} );
<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
如果你正在使用themeroller:
.dataTables_wrapper .fg-toolbar { display: none; }
正如@Scott Stafford所说,sDOM是最适合显示、隐藏或重新定位组成数据表的元素的属性。我认为sDOM现在已经过时了,在实际的补丁中,这个属性现在是dom。
这个属性还允许为一个元素设置一些类或id,所以你可以更容易地设计风格。
查看官方文档:https://datatables.net/reference/option/dom
这个例子只显示表:
$('#myTable').DataTable({
"dom": 't'
});
这可以通过简单地改变配置来完成:
$('table').dataTable({
paging: false,
info: false
});
但要隐藏空页脚;这段代码做到了:
$('table').dataTable({
paging: false,
info: false,
//add these config to remove empty header
"bJQueryUI": true,
"sDom": 'lfrtip'
});