如何删除SlickGrid中的标题？

Question

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

例如，这里：http://mleibman.github.com/SlickGrid/examples/example4-model.html

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

Answer 1

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

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

Answer 2

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

headerHeight: 0

然后在你的CSS中输入类似的内容：

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

Answer 3

我遇到了同样的问题而且根本没有显示工作：

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

Answer 4

这应该可行：

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

Answer 5

另一种方法是在slick.grid.js

中添加一行

function createColumnHeaders（）{ 的返回; }

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

Answer 6

也许迟了，但对我有用

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