Hello,
we use autoFitLastColumn:true and we have grids inside of tabs. (http://jqueryui.com/tabs/)
At rendering time, the grid in the first/visible tab is rendered correctly, but the last column in invisible tabs is rendered wrong. any idea how to fix this? http://1drv.ms/1rMvzNw
http://1drv.ms/1rMvDNk
Hello Max,
Thank you for contacting us!
For some reason the grid is initialized before the tab and its width is being limited. To workaround that you can initialize the grid when the tab is created. To do so use the active event of the tab control. I have attached a sample, if you have any additional questions please let me know.
I have investigated this, and found that something is setting the width of every table, that is not in the first tab, to be 100px. So a better workaround is to select the table in the first tab and set it to all other tables in the all the tabs like so:
var $igGridTables = $('.ui-iggrid-table.ui-widget-content'); var width = $igGridTables.first().width(); $igGridTables.width(width);
and you do not need to use the approach from the sample in my previous reply. If you have any additional questions feel free to ask.