如何显示的DataTable空数据消息(How to show empty data message

2019-07-18 08:21发布

假设我从服务器获取空的数据有时,我想不显示任何数据在数据表中发现的消息? 这怎么可能?

Answer 1:

如果您想自定义正在对空表使用显示的消息如下:

$('#example').dataTable( {
    "oLanguage": {
        "sEmptyTable":     "My Custom Message On Empty Table"
    }
} );

由于数据表1.10,你可以做到以下几点:

$('#example').DataTable( {
    "language": {
        "emptyTable":     "My Custom Message On Empty Table"
    }
} );

有关完整的DataTable availble的自定义为表的消息就来看看下面的链接参考/选项/语言



Answer 2:

更高版本的dataTables有以下language设置(摘自这里 ):

  • "infoEmpty" -显示当有表中没有任何记录
  • "zeroRecords" -时,有没有记录匹配过滤显示

$('#example').DataTable( {
    "language": {
        "infoEmpty": "No records available - Got it?",
    }
});

注:由于属性名称不包含任何特殊字符,你可以删除引号:

$('#example').DataTable( {
    language: {
        infoEmpty: "No records available - Got it?",
    }
});


Answer 3:

默认情况下,网格视图会照顾,只是通过空数据集。



Answer 4:

值得注意的是,如果你正在返回服务器端数据 - 你必须提供的数据属性,即使没有任何。 它不读recordsTotalrecordsFiltered而是依赖于数据对象的计数



Answer 5:

太迟了,但你也可以使用一个本地化文件

数据表提供了.json本地化的文件,它包含键sEmptyTable和对应的本地化消息。

例如,只要下载上面的本地化的JSON文件链接 ,然后初始化Datatable这样的:

$('#example').dataTable( {
    "language": {
        "url": "path/to/your/json/file.json"
    }
});

恕我直言,这是一个很大清洁剂,因为你的本地化内容位于一个外部文件。

此语法适用于数据表16年1月10日 ,我没有对以前的版本进行测试。



文章来源: How to show empty data message in Datatables