Datatable 隐藏表中没有可用的数据 - Javascript

在使用 Datatable 将数据渲染到 HTML 表格中时，有时可能会遇到表格中没有可用的数据，这时候需要将表格隐藏以避免出现空白的表格。

以下是如何实现在没有数据时隐藏 Datatable 表格的方法：

方法一：使用 Datatable 的 API

Datatable 提供了一个 API 方法 fnSettings()，可以获取 Datatable 的设置。可以在用 fnSettings() 检查表格中是否有数据，并基于这个结果确定是否隐藏表格。

var table = $('#example').DataTable();

if (table.fnSettings().fnRecordsTotal() > 0) {
  // 表格中有数据。
} else {
  // 表格中没有可用的数据。
  $('#example').hide();
}

方法二：使用 jQuery

如果你不想或不能使用 Datatable 的 API，你也可以使用 jQuery 的 length 属性检查表格中是否有数据，并基于这个结果决定是否要隐藏表格。

var table = $('#example');

if (table.find('tbody tr').length == 0) {
  // 表格中没有可用的数据。
  table.hide();
}

代码片段：

var table = $('#example');

if (table.find('tbody tr').length == 0) {
  // 表格中没有可用的数据。
  table.hide();
}

以上是如何在没有可用的数据时隐藏 Datatable 表格的两种方法，选择其中一个方法即可。