2010-04-28 82 views

回答

6

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

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

+0

谢谢!解决方法有效:)将来有这个基本的(?)功能会很好。感谢您的时间 ! – 2010-04-30 07:12:31

+0

@moroshko:您可以随时将它添加到GitHub上的问题作为功能请求;) – Tin 2010-04-30 16:45:30

+4

您至少可以使用2.0,设置CSS样式,网格将处理它,而不需要通过javascript来调用,并调用grid.resizeCanvas (),因为它在第一个渲染上正确计算。 。光滑标题栏{ } \t height:0px; } .slick-header.ui-state-default { \t border:none; } – 2012-04-26 00:22:08

1

这也许应该工作:

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

我尝试这样做。它不起作用。其余的细胞也消失了。 – 2010-04-28 09:51:11

+0

@Misha Moroshko:当我在示例页面上使用Firebug尝试它时,它工作得很好。我看不到任何会使其他单元格消失的HTML。 – 2010-04-28 10:57:02

+0

你能告诉我你在哪里使用Firebug添加了这段代码? – 2010-04-28 13:15:07

3

只需添加以下到网格选项:

headerHeight: 0 

,然后在你的CSS放像:

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

另一种方式做,这是一个行添加到光滑。 grid.js

function createColumnHeaders(){ return; }

如果你添加一个返回到createColumnHeaders里面的第一行,它似乎删除标题。

2

我有同样的问题,只是不显示没有问题:

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

这是一个很好的答案,因为它不会修改所有SlickGrid元素,而只是在容器中找到的元素! – 2016-04-19 04:01:58