javascript - ExtJS 3.2: グリッド列ヘッダーのグループ化

Question

ExtJS 3.2 グリッド列ヘッダーのグループ化は、Google Chrome 19 では正しくありませんが、他のバージョンでは機能します。例: http://myext.cn/ext-3.2.1/examples/grid/ColumnHeaderGroup.html。
Google Chrome 19: モジラ; クローム 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

examples/ux/ColumnHeaderGroup.js:383 tw = this.getTotalWidth()-> 970px. すべての 10 に.x-grid3-hd-row tdはstyle="width: 97px"がありますが、各列ヘッダーの実際のサイズは99px: 97by givenwidthおよび2for left and right borders です。私が見るようにFirefoxでは、スタイルは95pxすべてのヘッダーが正常にレンダリングされるようになっています。

box-sizingしたがって、これはテーブル内の列幅の計算に関連し、対応する ExtJS のバグのようなものだと思います。