如何在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; }