datatable.js - 在表格中仅显示5个记录+禁用"显示记录"

时间:2015-11-18 09:48:07

标签: javascript jquery twitter-bootstrap datatables

我在我的一个项目中使用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个回忆)。

有人能告诉我我做错了什么吗?我的代码应该是什么样的?我不知道我做错了什么。

提前致谢, 克里斯

1 个答案:

答案 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,

            });
        });