javascript - 当没有数据可显示时如何隐藏数据表？

Question

我的界面中有一个数据表。当没有数据时我想隐藏整个数据表。不是数据表中的列。

谁能帮我吗？

Answer 1

您还需要隐藏包含表格及其内容的包装 div。一个真正简单的解决方案是使用 initComplete ，如下所示:

$('#table').dataTable({
   //your table settings here..
   initComplete : function() {
      if ($(this).find('tbody tr').length<=1) {
         $('#table').parents('div.dataTables_wrapper').first().hide();
      }
   } 
});

如果数据表主体中没有保存数据的行，上面的代码将隐藏数据表及其所有自动生成的内容。

已添加codepen举例说明。