jqGrid列未与列标题对齐

Question

我正在使用jqGrid 3.6.5和IE8

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

见图示说明

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

Answer 1

列标题的对齐方式默认为“中心”，并且与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参数。

Answer 2

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

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