如何隐藏 jQuery 数据表答案

【问题标题】：How to hide jQuery datatables如何隐藏 jQuery 数据表
【发布时间】：2013-04-05 07:08:16
【问题描述】：

当我想切换数据表的可见性时，如何隐藏 jQuery 数据表？问题是如果我写隐藏语句它只隐藏行，而不是页眉和页脚。如何完全隐藏数据表？

为了隐藏，我使用了以下代码：

 var oTable = $('#example').dataTable(); // 'example is the table id'
 oTable.hide();

【问题讨论】：

【解决方案1】：

试试这个

$('#example').parents('div.dataTables_wrapper').first().hide();

【讨论】：

【解决方案2】：

我认为最好的方法是将表格包含在 div 中并隐藏 div

 <div id='divTable'>
     <table>
     </table>
 </div>

 $('#divTable').hide();

【讨论】：

【解决方案3】：

对我来说（我知道这是一个奇怪的需求）我需要隐藏主表但保留结果（即 X 过滤的 X 结果）。

$('div.dataTables_wrapper thead,div.dataTables_wrapper tbody').hide();

以上为我修复了它。如果您有页脚，则还需要添加 ,div.dataTables_wrapper tfoot。

【讨论】：