【问题标题】:datatable.js - Show only 5 recors in table + disable "Display Records"datatable.js - 在表中仅显示 5 条记录 + 禁用“显示记录”
【发布时间】:2016-02-19 23:38:59
【问题描述】:

我在我的一个项目中使用 Datatables (http://www.datatables.net)。数据表在引导模式中打开,我设置了一页上只有 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 个记录)。

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

提前致谢, 克里斯

【问题讨论】:

    标签: javascript jquery twitter-bootstrap datatables


    【解决方案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,
    
                });
            });
    

    【讨论】:

    • 感谢您的帮助!现在看起来不错,但问题是,现在我有 6 条新闻,只有 5 条是可见的,而且我没有移动到底部第二页的功能。见这里:easycaptures.com/fs/uploaded/1022/1315137953.png!因此,如果我有 30 条新闻,我需要选择每页查看 5 条新闻,并且可以移动到第 2、第 3 等页面以查看所有其他新闻。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-27
    • 2015-09-05
    • 2013-11-08
    相关资源
    最近更新 更多