javascript - datatable.js - 仅显示表中的 5 条记录 + 禁用 "Display Records"

Question

我正在我的一个项目中使用数据表 ( http://www.datatables.net )。数据表在 Bootstrap Modal 中打开，我设置了一页上仅可见 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 条记录)。

有人可以告诉我我做错了什么吗？我的代码应该是什么样子？我不知道我做错了什么。

提前致谢，克里斯

Answer 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,

            });
        });