jqGrid列未与列标题对齐
我正在使用jqGrid 3.6.5和IE8
设置shrinkToFit: false
,列显然未与列标题对齐。
如果我打开shrinkToFit: true
,问题就会消失,但是我会丢失列的绝对大小。
调整列的大小(在代码中,或由用户动态调整)不会影响此问题。
见图示
alt text http://sofzh.miximages.com/jquery/www.freeimagehosting.net
列标题的对齐方式默认为“中心”,并且独立于ColModel的“align”选项(请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options )。
您可以使用我在Jquery JQGrid中描述的方法更改列标题的对齐方式- 如何设置网格标题单元格的对齐方式? 。
我无法用你在问题中描述的shrinkToFit: false
重现问题。 你使用哪个版本的jqGrid? 如果你发布了一个重现问题的代码示例,我可以尝试帮助你。
PS您在示例中使用的CSS可能也很重要。 如果更改表边距,还应更改cellLayout
参数。
从我原始图像(在问题中)可以看出,单元格列之间没有边框。 我使用了border-right-color: none
这似乎是原因。 我将其更改为border-right-color: White
(以使边框与背景颜色相匹配),并且列现在与列标题完美对齐。
这可能是IE的一些问题,因为它甚至在更改之前在Chrome上正常工作。