上一个和下一个按钮以及使用数据表进行搜索答案

【问题标题】：Previous and Next Buttons and Search with Datatables上一个和下一个按钮以及使用数据表进行搜索
【发布时间】：2014-10-01 15:47:24
【问题描述】：

我的DataTable 有一个奇怪的问题：

第 0 步 - 加载数据表并包含下一个和上一个按钮

第 1 步 - 使用启用的 DataTables 搜索框执行搜索

第 2 步 - 离开搜索框焦点或删除所有字符

在第 2 步之后，上一个和下一个按钮消失了，但它们在第 0 步中存在。

也许我在某个地方遗漏了一个属性？我不知道是什么原因造成的。

非常感谢，

  $("#tblResults").dataTable({
       "aaSorting": [[0, 'desc']],
        "bSort": true,
        "bLengthChange": false,
        "iDisplayLength": 25,
        "bFilter": true,
        "oLanguage": {
            "sEmptyTable": "@Index.NoData",
            "sInfo": "@Index.Showing _START_ @Index.To _END_ @Index.Of _TOTAL_.",
            "sInfoEmpty": " ",
            "oPaginate": {
                "sNext": "@Index.Next",
                "sPrevious": "@Index.Previous"
            }
        },
        "aoColumnDefs": [
       { 'bSortable': false, 'aTargets': [4,5,6,7,8,9,10] }
        ],
        "fnDrawCallback": function(oSettings) {
        if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) {
            $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
        }
    }

    });

【问题讨论】：

标签： jquery datatables

【解决方案1】：

我通过在 fnDrawCallback 中添加一个 else 块来解决这个问题：

if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) 
    $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
else 
    $(oSettings.nTableWrapper).find('.dataTables_paginate').show();

【讨论】：