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

8gsdolmq  于 2023-04-06  发布在  其他
关注(0)|答案(1)|浏览(208)

问题描述:

我有一个包含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.单击任意行(第一行除外)以设置列宽
1.向右滚动以查看位于格网最右侧的列
1.您将看到标题和正文单元格的网格线未对齐
此问题取决于文本缩放级别:
| 解析度|文字比例|是否发生对准问题?|
| - -|- -|- -|
| 3840 x2160像素|百分之二百五十|没有|
| 3840 x2160像素|百分之二百二十五|是的|
| 2560 x2048像素|百分之一百五十|没有|
| 2560 x2048像素|百分之二百二十五|是的|
| 1960 x1200像素|百分之一百五十|没有|
| 1960 x1200像素|百分之一百七十五|是的|
有人知道为什么会出现此问题以及如何解决此问题吗?

  • 谢谢-谢谢
p1iqtdky

p1iqtdky1#

此问题似乎是浏览器特有的。此问题不会出现在Firefox中,但会出现在Chrome & Edge中。
将Google Chrome升级到最新版本(版本91.0.4472.77(64位))解决了该问题。
我测试了不同的文本比例-125%,150%,175%,200%,225%,250%,300%,350% -在所有这些情况下,网格线保持对齐。

相关问题