Author Topic: Column width is not getting expanded.  (Read 999 times)

smarthealthclubs

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 7
    • View Profile
Column width is not getting expanded.
« 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

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6121
    • View Profile
Re: Column width is not getting expanded.
« Reply #1 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

smarthealthclubs

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 7
    • View Profile
Re: Column width is not getting expanded.
« Reply #2 on: October 20, 2021, 04:36:31 pm »
Thank you for your help. It worked.