Jsgrid: table is compressed

[Julian-B90]

I use the bootstap Tab component and in the first call of the site i get what is shown in the thumbnail below.
When i reload the page the table works fine.

[tabalinas]

If rendered in invisible area grid cannot calculate sizes correctly, and the refresh is required.

Refresh the grid on tab opening:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $("#jsGrid").jsGrid("refresh");
});

If the tab is opened by default, just trigger event on ready:

$('a[data-toggle="tab"]:first').trigger("shown.bs.tab");

[Julian-B90]

Thanks this are working fine. :-D

[tabalinas]

You are welcome!

[frank-liu]

thanks tabalinas , you are so great. Also thanks Julian-B90 to write your problem. I ran into the same issue.

thank you two.