ExtJs Grid：标题和正文单元格的网格线未对齐

Question

问题描述：

我有一个包含 60 多列的网格。

当我在运行时设置列宽时，标题和正文单元格的网格线未对齐。

这是我用来设置列宽的代码：

var clns = grid.getVisibleColumns();
Ext.each(clns,
             function (column) {
                 column.setWidth(150);
             });

显示网格线对齐问题的图片：

ExtJS 版本试过： 7.4.0； 7.0

重现问题的步骤：

这是重现此问题的小提琴： https://fiddle.sencha.com/#view/editor&fiddle/3du3

1. 点击任意行（第一行除外）设置列 宽度
2. 向右滚动以查看最右侧的列 网格的一侧
3. 您将看到标题和正文的网格线 单元格未对齐

此问题取决于文本比例级别：

Resolution	Text Scale	Alignment Issue occurs?
3840x2160	250%	No
3840x2160	225%	Yes
2560x2048	150%	No
2560x2048	225%	Yes
1960x1200	150%	No
1960x1200	175%	Yes

有谁知道为什么会出现这个问题，以及如何解决这个问题？

谢谢。

Answer 1

这个问题似乎是特定于浏览器的。这个问题在 Firefox 中没有出现，但在 Chrome 和 Edge 中确实出现了。

将 Google Chrome 升级到最新版本（版本 91.0.4472.77（64 位））解决了该问题。

我在各种文本比例下进行了测试 - 125%、150%、175%、200%、225%、250%、300%、350% - 在所有这些情况下，网格线都保持对齐。