jqxGrid shrinks to default size after panel collapse and open in angular 2

[vipinkParticipant]

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>

[Ivo ZhulevParticipant]

Hi, vipink,

Have you tried calling the refresh/render methods of the jqxGrid when you change the sections?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[vipinkParticipant]

Hi Ivo,

This has been tried earlier without any success. This is a very specific issue happening with the use of bootstrap tab-content and also when the panels are toggled back and forth

Thank You !
Vipin K

[Ivo ZhulevParticipant]

Hi vipink,

Can you please share me a simple example so I can test that?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts