如何在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');