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

Question

我使用DataTables插件（www.datatables.net）让jQuery在网页上显示表格。

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

Answer 1

为什么不通过css隐藏它们（我认为datatables需要一个thead部分才能工作）？

.dataTables_wrapper table thead{
    display:none;
}

在这里摆弄：http://jsfiddle.net/LhZF3/

Answer 2

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

在你的js / coffee文件中：

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

  fnDrawCallback: -> $("#selector thead").remove()
})

纯JS变体：

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

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});

Answer 3

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

    <thead style="display:none;">
    </thead>

Answer 4

只需将此添加到您的css：

thead {
  display:none;
}