如何在jQuery DataTables中完全抑制表头?

我正在使用DataTables插件(www.datatables.net)来为jQuery在网页上显示表格。

阅读完文档并进行一些搜索后,我无法找到如何使用DataTables选项或API完全抑制或隐藏表头。

你为什么不通过css隐藏它们(我认为datatables需要一个thead部分才能工作)?

.dataTables_wrapper table thead{ display:none; } 

在这里小提琴: http : //jsfiddle.net/LhZF3/

我知道这个问题已经很老了,但今天我搜索了它,发现了另一种解决方案……

在你的js / coffee文件中:

 $("#selector").dataTable({ ... your other options ... fnDrawCallback: -> $("#selector thead").remove() }) 

纯JS变种:

 $("#selector").dataTable({ ... your other options ... fnDrawCallback: function() { $("#selector thead").remove(); } }); 

简单地将样式display:none内联样式添加到您的标记。

    

只需将此添加到您的CSS:

 thead { display:none; }