Grid in jQuery UI tab

[przemek]

Hello,

I don't know how to add grid to jQuery UI tab.

This is code example with grids generated from the same php file using simple jquery plugin: http://czasopismocatering.pl/pqtabs/

Please tell me how to display correctly grid in tab.

Best regards ,
Przemek

[paramvir]

you need to refresh the grid in corresponding panel upon activate event

$( '.tabselector' ).tabs().on("tabsactivate", function (evt, ui) {
        var $grid = ui.newPanel.find(".pq-grid");
        $grid.pqGrid("refresh");                   
});

For live example: http://paramquery.com/pro/demos/detail
Please refer line number 55 - 58

[przemek]

It works great.

Thanks a lot!