【问题标题】:Hide datatable when no records found找不到记录时隐藏数据表
【发布时间】:2016-01-19 14:30:04
【问题描述】:

当用户应用过滤器并且没有找到记录时,我想隐藏我的数据表,我们可以设置自定义消息,但我的要求是隐藏这个表。下面是我的示例代码。我无法确定当找不到记录会隐藏表时哪个侦听器会提供帮助。

reportCardTbl = $('.standardDataTable').DataTable( {
    "paging": false,
    "scrollCollapse": true,
    "paging": false,
    "oLanguage": {
        "sZeroRecords":function(){
            //$(this) gives me TD, i tried to search $(this).parents("table").hide(); not working as TD is not in table
            //here i want to hide table 
        }
    }
} );

【问题讨论】:

    标签: jquery datatables


    【解决方案1】:

    使用 fnDrawCallback:

    reportCardTbl = $(".standardDataTable").dataTable({
        "paging": false,
        "scrollCollapse": true,
        fnDrawCallback: function (settings) {
            $(".standardDataTable").parent().toggle(settings.fnRecordsDisplay() > 0);
        }
    });
    

    【讨论】:

    • 谢谢,这很有帮助。我已将 fnDrawCallback 更改为 $(".standardDataTable") 可能有多个表。 fnDrawCallback: 函数(设置){ $("#"+settings.sTableId).toggle(settings.fnRecordsDisplay() > 0); }
    • @Akash,非常感谢。它帮助我解决了我的一个问题。
    猜你喜欢
    • 2012-08-21
    • 2016-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多