html - 如何删除 SlickGrid 中的标题？

Question

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

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

score 6 · Accepted Answer

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

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

score 3 · Accepted Answer

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

headerHeight: 0

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

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

1

这应该可以工作：

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

于 2010-04-28T09:40:12.843 回答

score 1 · Accepted Answer

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

函数 createColumnHeaders() { 返回； }

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

score 0 · Accepted Answer

也许晚了，但对我有用

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

6 回答 6