jquery - 如何对齐 jqgrid 4.10 列标题和数据

Question

在最新的 jqgrid 中，列标题和数据在某些情况下不对齐。

这是图片:

如何解决这个问题？它发生在某些情况下。可能提供使用来自原始 github 的 javascript 的 url 并重现问题。

在 Jqgrid Column Headers and data not aligned 中回答描述了可能的修复方法，但我无法在我的案例中应用它。

Answer 1

我分析了问题。出现这种行为的原因:在 Chrome 中缩放后计算宽度为 1px。

jqGrid 使用table-layout: fixed;在两个.ui-jqgrid-htable和 .ui-jqgrid-btable .因此每列的宽度指定了 <td> 的宽度。或 <th>第一行的元素 <tr>的 <table> .下一个要求是表格宽度使用固定值。旧版本的 jqGrid 设置了 width两个表上的值 .ui-jqgrid-htable和 .ui-jqgrid-btable ，这将被计算。这不是真的需要。此外，如果 <table> 的宽度可以看出问题作为所有元素宽度的总和更高(甚至在某些像素上)。这是所报告问题的原因。

我现在更改了免费 jqGrid 的代码，我设置了 width: 1px在两张 table 上 .ui-jqgrid-htable和 .ui-jqgrid-btable .足够制作 CSS table-layout: fixed;工作并解决了报告的问题。我会将更改发布到 GitHub今天以后。可以通过编辑 width 来测试修复网格 ( .ui-jqgrid-btable ) 相对于 Chrome 开发者工具的值。设置后 width: 1px报告的问题消失。

更新:The changes现在发布到 GitHub .