首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在jQuery DataTables中完全隐藏表头?

如何在jQuery DataTables中完全隐藏表头?
EN

Stack Overflow用户
提问于 2011-07-18 19:33:43
回答 4查看 43.1K关注 0票数 20

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

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-07-18 19:47:16

为什么不简单地通过css隐藏它们(我认为datatables需要一个标题部分才能工作)?

代码语言:javascript
复制
.dataTables_wrapper table thead{
    display:none;
}

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

票数 36
EN

Stack Overflow用户

发布于 2013-04-19 00:58:59

我知道这个问题很古老,但我今天搜索了一下,找到了另一个解决方案……

在您的js / coffee文件中:

代码语言:javascript
复制
$("#selector").dataTable({
  ... your other options ...

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

纯JS变体:

代码语言:javascript
复制
$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});
票数 14
EN

Stack Overflow用户

发布于 2017-06-28 13:15:47

简单地将样式display:none内联样式添加到你的thead标签。

代码语言:javascript
复制
    <thead style="display:none;">
    </thead>
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6732254

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档