Tabs and Grid display problem

[jasneParticipant]

Hi

I have a problem with tabs and grid. In fourth tab (tab4) is seven columns Grid (data type json ajax).
But when a I click tab4 , grid display only 2 columns. It looks like all other columns are cutted /hidden.
When I click button reload json data, Grid appear properly…

Should be (after click reload json)

[Peter StoevKeymaster]

Hi jasne,

Please, take a look at the Tab’s integration sample which demonstrates how is the expected way for adding widgets inside jqxTabs.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jasneParticipant]

thanks for your reply . I have used

   $('#jqxTabs2').jqxTabs({ animationType: 'none', initTabContent: initWidgets  }); 

and everything works ok but when I’m using button to reload json data

$("#jqxgridCarData").jqxGrid("updatebounddata");

get same problem

[Peter StoevKeymaster]

Hi jasne,

As a solution, make sure to refresh the Grid only if the tab where the Grid is added is selected. I suppose that in your scenario the Grid’s size is set in percentages to fit to the tab’s content. If the tab is not visible, the tab’s content size will be 0px for width, 0px for height so the Grid will try to stretch to a container without size.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jasneParticipant]

thanks for you help. just set widht: 780 , slove this problem 🙂

[Author]

Posts