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

myd*_*rms 19 jquery datatables

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

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

Nic*_*tti 33

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

.dataTables_wrapper table thead{
    display:none;
}
Run Code Online (Sandbox Code Playgroud)

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


s.k*_*ger 14

我知道这个问题已经很老了,但今天我搜索了它并找到了另一种解决方案......

在你的js/coffee文件中:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: -> $("#selector thead").remove()
})
Run Code Online (Sandbox Code Playgroud)

纯JS变种:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});
Run Code Online (Sandbox Code Playgroud)


Luc*_*cky 6

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

    <thead style="display:none;">
    </thead>
Run Code Online (Sandbox Code Playgroud)