View Full Version : Grid with forceFit layout issue

14 Apr 2014, 10:53 AM
I have a simple grid with forceFit config set to true. I experiencing cells layout issue if flex setting is not defined on one of the grid's columns. The following example shows that cell headers are correctly stretched to fit the grid width but it's not the case for grid cells.

Setting flex on a column fix the bug.

As a side note, if you double click on the resize area of one of the cell to auto size it the column header disappear!


15 Apr 2014, 8:57 AM
OS: Ubuntu 13.04/64
Browser: Chrome 33
URL: http://dev.sencha.com/ext/5.0.0/examples/ticket-app/index.html


Misaligned columns.


10 Jul 2014, 5:55 PM
I still got the issue even I use flex. The header and cell are still not aligned. Finally I tried CSS fix after I looked at the DOM element the width for each table for rows is 0. So I fixed:

cls: 'fix_width' (applied on individual grid with force fit)

.fix_width table.x-grid-item {
width: 100% !important;

Hope it helps.

14 Jul 2014, 11:22 PM
i try to add cls: 'fix_width', nothing happen bro

15 Jul 2014, 5:35 PM
i try to add cls: 'fix_width', nothing happen bro

Em, could you kindly post your code snippet?