我在我的一个项目中使用Datatables(http://www.datatables.net)。数据表在Bootstrap模式中打开,我设置了一个页面上只能看到5行的选项。这是应该的。
现在我想隐藏显示记录的下拉框,因此我在这个帖子上找到了解决方案:StackoverFlow - Solution for hiding "Display Records"
我的代码现在看起来像这样:
$(document).ready(function() {
$('#readnews').dataTable({
"iDisplayLength": 5,
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false });
我的问题是现在这个代码无效!如果我使用此代码:
$(document).ready(function() {
$('#readnews').dataTable({
"iDisplayLength": 5 });
我只能在页面上看到5行才是好的。如果我使用此代码:
$(document).ready(function() {
$('#readnews').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false });
});
我可以看到"显示记录"隐藏但我无法同时使用这两个选项(隐藏"显示记录"每页仅显示5个回忆)。
有人能告诉我我做错了什么吗?我的代码应该是什么样的?我不知道我做错了什么。
提前致谢, 克里斯
答案 0 :(得分:1)
我意味着
$(document).ready(function () {
$('#readnews').DataTable({
"fnDrawCallback": function (oSettings) {
if ($('#readnews tr').length < 5) {
$('.dataTables_paginate').hide();
}
},
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false,
"iDisplayLength": 5,
});
});