jqGrid列未与列标题对齐

时间:2010-07-12 23:23:35

标签: jquery jqgrid

我正在使用jqGrid 3.6.5和IE8

设置shrinkToFit: false时,列显然未与列标题对齐 如果我打开shrinkToFit: true问题就会消失,但我会失去列的绝对大小 调整列的大小(在代码中,或由用户动态调整)不会影响此问题。

见图示说明

alt text http://www.freeimagehosting.net/uploads/274ab94e4d.png

2 个答案:

答案 0 :(得分:0)

列标题的对齐方式默认为“中心”,并且与ColModel中的“align”选项无关(请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options)。

您可以使用我在Jquery JQGrid - How to set alignment of grid header cells?中描述的方法更改列标题的对齐方式。

我无法重现您在问题中描述的shrinkToFit: false问题。你用的是哪个版本的jqGrid?如果你发布了一个重现问题的代码示例,我可以尝试帮助你。

P.S。您在示例中使用的CSS可能也很重要。如果更改表格边距,还应更改jqGrid的cellLayout参数。

答案 1 :(得分:0)

从原始图像(问题中)可以看出,单元格列之间没有边框。我使用了border-right-color: none
这似乎是原因。我将其更改为border-right-color: White(以使边框与背景颜色相匹配),现在列与列标题完美对齐。

这可能是IE的一些问题,因为它甚至在更改之前在Chrome上正常工作。