我已在Sencha论坛上发布此问题,但未收到任何回复。所以,现在张贴在SO:
我们使用的是Ext JS 4.2.0版。我们正在显示一个网格面板,它有一个rowediting插件,因此用户可以编辑行。所有列都有固定的宽度,但有一个具有flex:1。
我们看到一种奇怪的行为。首次渲染屏幕时,列标题如下所示:
点击一行后,编辑并点击更新,标题如下所示:
请注意标题列中的右边框现在如何丢失?
在Chrome的开发工具中检查html,我发现在显示边框的第一种情况下,第一列有以下css属性:
position: absolute
left: 0;
width: 199px;
border-right: 1px;
第二列具有以下css属性:
position: absolute
left: 200;
width: 299px;
border-right: 1px;
在第二种情况下,即在编辑行之后,第一列具有以下属性:
position: absolute
left: 0;
width: 200px;
border-right: 1px;
第二列具有以下属性:
position: absolute
left: 200;
width: 300px;
border-right: 1px;
注意第一列的宽度从199px变为200px,但第二列的绝对左侧位置保持不变?第二列是隐藏第一列的边框。
这是一个已知问题吗?有解决方案吗?