first Thanks for the great product
the problem:
using jquery ui tabs, when u have grid initialized in two or more tabs then u try to switch to tab that’s not visible by default u will find grid width squeezed and not taking the specified width
tested in: firefox 23.0.1, chrome 29
here’s a jsfiddle that show the bug
http://jsfiddle.net/2yup6/1/
just go to tab 2 to see the grid not taking it’s normal width
workaround:
for grid with id = ‘grid’
– call $(‘#grid’).jqxGrid(‘refresh’), when tab activate
– or $(‘#contentgrid’).width(‘100%’) , in grid ready event
note last solution just change width to any width u want, also this is the solution i used which i think is better that using refresh which as docs say repaint grid
Thanks,
Basm