ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: smarthealthclubs on October 19, 2021, 06:45:51 pm

Title: Column width is not getting expanded.
Post by: smarthealthclubs on October 19, 2021, 06:45:51 pm

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

Title: Re: Column width is not getting expanded.
Post by: paramvir on October 20, 2021, 11:39:14 am

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

Title: Re: Column width is not getting expanded.
Post by: smarthealthclubs on October 20, 2021, 04:36:31 pm

Thank you for your help. It worked.