PDA

View Full Version : Grid with forceFit layout issue



fruel
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!

https://fiddle.sencha.com/#fiddle/538

ssamayoa
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

48723

Misaligned columns.

Regards.

rathapkh
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.

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

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

Em, could you kindly post your code snippet?