我知道没有API去除标题行,但我确定可以通过修改一些CSS来完成。有任何想法吗 ?如何删除SlickGrid中的标题?
例如,在这里:http://mleibman.github.com/SlickGrid/examples/example4-model.html
CSS专家! 我需要你的帮助。 我想更改删除标题行的包的CSS代码。可以加载到软件包顶部的CSS代码是首选。 源代码是在这里:http://github.com/mleibman/SlickGrid (按“下载源”)
我知道没有API去除标题行,但我确定可以通过修改一些CSS来完成。有任何想法吗 ?如何删除SlickGrid中的标题?
例如,在这里:http://mleibman.github.com/SlickGrid/examples/example4-model.html
CSS专家! 我需要你的帮助。 我想更改删除标题行的包的CSS代码。可以加载到软件包顶部的CSS代码是首选。 源代码是在这里:http://github.com/mleibman/SlickGrid (按“下载源”)
简短的回答是,这样做是不是在SlickGrid支持,至少在那一刻。 CSS解决方法不起作用,因为SlickGrid使用标题中的DOM元素来计算视口的尺寸。将其设置为display:none
使SlickGrid认为网格宽度为0像素。
您可以通过执行$(".slick-header-columns").css("height","0px")
然后调用grid.resizeCanvas()
来摆脱网格底部的剩余空白。
这也许应该工作:
.slick-header-columns { display: none; }
我尝试这样做。它不起作用。其余的细胞也消失了。 – 2010-04-28 09:51:11
@Misha Moroshko:当我在示例页面上使用Firebug尝试它时,它工作得很好。我看不到任何会使其他单元格消失的HTML。 – 2010-04-28 10:57:02
你能告诉我你在哪里使用Firebug添加了这段代码? – 2010-04-28 13:15:07
只需添加以下到网格选项:
headerHeight: 0
,然后在你的CSS放像:
#myGridID .slick-header-columns {
display: none;
}
另一种方式做,这是一个行添加到光滑。 grid.js
function createColumnHeaders(){ return; }
如果你添加一个返回到createColumnHeaders里面的第一行,它似乎删除标题。
我有同样的问题,只是不显示没有问题:
$(element).find('.slick-header').css('display', 'none');
这是一个很好的答案,因为它不会修改所有SlickGrid元素,而只是在容器中找到的元素! – 2016-04-19 04:01:58
谢谢!解决方法有效:)将来有这个基本的(?)功能会很好。感谢您的时间 ! – 2010-04-30 07:12:31
@moroshko:您可以随时将它添加到GitHub上的问题作为功能请求;) – Tin 2010-04-30 16:45:30
您至少可以使用2.0,设置CSS样式,网格将处理它,而不需要通过javascript来调用,并调用grid.resizeCanvas (),因为它在第一个渲染上正确计算。 。光滑标题栏{ } \t height:0px; } .slick-header.ui-state-default { \t border:none; } – 2012-04-26 00:22:08