Column width is not getting expanded.

[smarthealthclubs]

We have an HTML page with tabs and in some tabs, we are using param query to show the data.
For the first time column data is shown correctly with 100% width in the expand mode but when we switch to another tab and come back and expand the grid again the width of the column is not getting fit with 100% width and UI is also getting disturbed.

Please refer to the zip file on below link for more details:
https://drive.google.com/file/d/1_ZoBdaWiwpgKksE12SdsqdHhuOS8cqYk/view

[paramvir]

In case of jQueryUI tabs, any grid(s) present in a tab needs to be refreshed whenever corresponding tab is activated.

Code: [Select]

        $("#tabs").tabs({
            activate: function (evt, ui) {
                var $grid = ui.newPanel.find(".pq-grid"),
                    grid = $grid.pqGrid('instance');

                    grid.refresh();
            }
        });

Example: https://paramquery.com/pro/demos/tabs

[smarthealthclubs]

Thank you for your help. It worked.