如何删除 SlickGrid 中的标题？答案

【问题标题】：How to remove the header in SlickGrid?如何删除 SlickGrid 中的标题？
【发布时间】：2011-02-13 06:29:19
【问题描述】：

我知道没有 API 可以删除标题行，但我确信可以通过修改一些 CSS 来完成。有什么想法吗？

CSS 专家！ 我需要你的帮助。我有兴趣更改删除标题行的包的 CSS 代码。可以在包顶部加载的 CSS 代码是首选。源代码在这里：http://github.com/mleibman/SlickGrid （按“下载源”）

【问题讨论】：

【解决方案1】：

这应该可行：

.slick-header-columns { display: none; }

【讨论】：

【解决方案2】：

简短的回答是，SlickGrid 不支持这样做，至少目前是这样。 CSS 解决方法不起作用，因为 SlickGrid 使用标题中的 DOM 元素来计算视口的尺寸。将其设置为display:none 会使 SlickGrid 认为网格是 0 像素宽。

您可以通过执行$(".slick-header-columns").css("height","0px") 然后调用grid.resizeCanvas() 来消除网格底部剩余的空白来解决它。

【讨论】：

谢谢！解决方法有效:) 将来有这个基本（？）功能会很好。感谢您的宝贵时间！
@moroshko：您可以随时将其作为功能请求添加到 GitHub 上的问题 ;)
您至少可以在 2.0 中设置 css 样式，并且网格将处理它，而无需通过 javascript 和调用 grid.resizeCanvas() 来明确地进行处理，因为它在第一次渲染时计算正确。 .slick-header-columns{ 高度：0px; } .slick-header.ui-state-default{ 边框：无； }

【解决方案3】：

只需将以下内容添加到网格选项中：

headerHeight: 0

然后在你的 css 中放一些类似的东西：

#myGridID .slick-header-columns {
  display: none;
}

【讨论】：

【解决方案4】：

另一种方法是在 slick.grid.js 中添加一行

函数 createColumnHeaders() { 返回； }

如果您在 createColumnHeaders 内的第一行添加返回，它似乎会删除标题。

【讨论】：

【解决方案5】：

我遇到了同样的问题，只是不显示确实有效：

$(element).find('.slick-header').css('display', 'none');

【讨论】：

【解决方案6】：

也许迟到了，但对我有用

$('#myGrid').find('.slick-header-column.ui-state-default').css('display', 'none');

【讨论】：