避免在数据表中呈现“表中没有可用数据”

Posted 2023-05-07

【中文标题】避免在数据表中呈现“表中没有可用数据”

【英文标题】：Avoid Rendering "No Data Available in the table" in Datatables

【发布时间】：2016-09-28 02:10:43

【问题描述】：

我正在使用 JQuery 数据表。当表格呈现时，它显示为“表格中没有可用的数据”，一段时间后表格开始出现数据并且这个“没有可用的数据”消失。

我不希望出现这种“没有可用数据”，而是如果出现“正在加载”或“请稍候”之类的东西会很好，或者没有任何东西可以解决我的问题。

【问题讨论】：

你可以使用datatables.net/reference/option/processing & datatables.net/reference/option/language.processing中的这些例子

我认为你可以使用oLanguage -> eEmptyTable:"" 属性，你可以在this *** discussion看到进一步的讨论

Refer this for showing empty data message in Datatables

【参考方案1】：

在这里查看完整参考 -> https://datatables.net/reference/option/language 您要查找的属性是 loadingRecords、emptyTable 和 zeroRecords。

$("#example").DataTable(
  language: 
   emptyTable: "No data available in table", // 
   loadingRecords: "Please wait .. ", // default Loading...
   zeroRecords: "No matching records found"
  
)

角度数据表：

$scope.dtOptions = DTOptionsBuilder.newOptions()
  .withLanguage(
    emptyTable: "No data available in table", 
    loadingRecords: "Loading...",
    zeroRecords: "A different no matching records message"
  )

【参考方案2】：

因为你用 angularjs 标记了你的问题，我想你正在使用 angularjs 的数据表模块。

所以尝试添加到你的表格标签：

class="ng-cloak"

防止在表格准备好之前显示html（模块已初始化）：

AngularJS: ngCloak Official API doc

如果没有，这可能是因为您使用 ajax() 来获取要注入表中的数据，因此请尝试在您的 ajax 调用之后初始化您的数据表插件，例如 this example