如何对齐 jqgrid 4.10 列 headers 和数据
how to align jqgrid 4.10 column headers and data
在最新的 jqgrid 专栏中 headers 和数据在某些情况下不对齐。
这是图片：
如何解决这个问题？
它发生在某些情况下。可能可以提供 url，它使用原始 github 中的 javascript 并重现问题。
Jqgrid Column Headers and data not aligned 中的答案描述了可能的修复方法，但我无法在我的案例中应用它。
我分析了问题。出现这种行为的原因：在 Chrome.
中缩放后计算 1px 的宽度
jqGrid 在.ui-jqgrid-htable 和.ui-jqgrid-btable 中都使用了table-layout: fixed;。因此，每列的宽度指定 <table> 的第一行 <tr> 的 <td> 或 <th> 元素的宽度。下一个要求是 table 宽度使用固定值。旧版本的 jqGrid 在 tables .ui-jqgrid-htable 和 .ui-jqgrid-btable 上都设置了 width 值，这将被计算。这不是真的需要。此外，如果 <table> 的宽度 更高 （即使在某些像素上）作为所有元素宽度的总和，也会出现问题。这是报告问题的原因。
我现在更改了免费 jqGrid 的代码，所以我在 tables .ui-jqgrid-htable 和 .ui-jqgrid-btable 上都设置了 width: 1px。这足以使 CSS table-layout: fixed; 正常工作并修复报告的问题。今天晚些时候我会 post 对 GitHub 的更改。可以通过根据 Chrome 的开发人员工具编辑网格 (.ui-jqgrid-btable) 的 width 值来测试修复。设置 width: 1px 后报告的问题消失。
在最新的 jqgrid 专栏中 headers 和数据在某些情况下不对齐。
这是图片：
如何解决这个问题？ 它发生在某些情况下。可能可以提供 url，它使用原始 github 中的 javascript 并重现问题。
Jqgrid Column Headers and data not aligned 中的答案描述了可能的修复方法，但我无法在我的案例中应用它。
我分析了问题。出现这种行为的原因：在 Chrome.
中缩放后计算 1px 的宽度jqGrid 在.ui-jqgrid-htable 和.ui-jqgrid-btable 中都使用了table-layout: fixed;。因此，每列的宽度指定 <table> 的第一行 <tr> 的 <td> 或 <th> 元素的宽度。下一个要求是 table 宽度使用固定值。旧版本的 jqGrid 在 tables .ui-jqgrid-htable 和 .ui-jqgrid-btable 上都设置了 width 值，这将被计算。这不是真的需要。此外，如果 <table> 的宽度 更高 （即使在某些像素上）作为所有元素宽度的总和，也会出现问题。这是报告问题的原因。
我现在更改了免费 jqGrid 的代码，所以我在 tables .ui-jqgrid-htable 和 .ui-jqgrid-btable 上都设置了 width: 1px。这足以使 CSS table-layout: fixed; 正常工作并修复报告的问题。今天晚些时候我会 post 对 GitHub 的更改。可以通过根据 Chrome 的开发人员工具编辑网格 (.ui-jqgrid-btable) 的 width 值来测试修复。设置 width: 1px 后报告的问题消失。