Hello,
We are trying to use jqxgrid (angular ) in a bootstrap panel/tab scenario. There are 2 such grids one after the other in the same page, each grid under a collapsible section. The first section also has 2 tabs (bootstrap), which contains 2 grids. The width of the grid has been changed to 99% in the jqxgrid to fit the screen (because the default is 600*480 px).
The issue is that when the sections are alternatively opened and closed, and when tabs clicked, the jqxgrid comes back to its default state and does not expand to 99% as its supposed to. Below is the grid used with width expanded to 99%
<jqxGrid #gridReference id=’gridss’ width=’99%’ [groupsexpandedbydefault] =’true’ [columnsresize]=’true’ autoshowloadelement = ‘false’ enablebrowserselection=’true’
sortable=’true’ resizable = ‘true’ [columnsheight] =’55’ [filterable]=’true’ [enabletooltips]=’true’ [editable]=’false’ [source]=’dataAdapter’ [columns]=’column’ groupable=’true’
[groups]=’groupcolumn’>
</jqxGrid>
