javascript - ExtJS 3.2：网格列标题分组

Question

ExtJS 3.2 网格列标题分组在 Google Chrome 19 中不正确，但在其他版本中有效。示例： http: //myext.cn/ext-3.2.1/examples/grid/ColumnHeaderGroup.html。
谷歌浏览器 19： Mozilla；铬 17,18：

有没有办法解决这个问题？

Answer 1

答案在这个 Sencha 论坛帖子中：http ://www.sencha.com/forum/showthread.php?198124-Grids-are-rendered-differently-in-upcoming-versions-of-Google-Chrome

或者我已经完成了自己的解决方案（主要基于此的其他解决方案的综合：https ://code.google.com/p/chromium/issues/detail?id=124816#c29 ）

添加到您的 CSS：

/* Chrome 19+ bugfix for grids; Works with Chrome 21+
 * @url http://www.sencha.com/forum/showthread.php?198124-Grids-are-rendered-differently-in-upcoming-versions-of-Google-Chrome&p=809242&viewfull=1#post809242
 * @url http://www.sencha.com/forum/showthread.php?198124-Grids-are-rendered-differently-in-upcoming-versions-of-Google-Chrome&p=823517&viewfull=1#post823517
 * @url 

*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .x-grid3-cell, /* Normal grid cell */
    .x-grid3-gcell /* Grouped grid cell (esp. in head)*/
    {
        box-sizing: border-box;
    }
}

Answer 2

示例/ux/ColumnHeaderGroup.js:383 tw = this.getTotalWidth()-> 970px。所有十个.x-grid3-hd-row td都有style="width: 97px"，但每个列标题的实际大小是99px: 97by given widthand 2for left and right borders。在 Firefox 中，我看到的样式是95px所有标题都可以渲染。

所以我认为这是某种与box-sizing表格中相应的列宽计算相关的旧 ExtJS 错误。