Tabbar and single grid

I want create a single tabbar that controls a single grid. For example a grid with 10 columns and a tabbar with 2 tabs. The 1st 4 columns of the grid are always shown. When the the 1st tab is selected, the next 3 columns are shown and not the last 3. When the 2nd tab is selected, the last 3 columns are shown but not the 3 proceeding columns. So either columns 1-7 (with 1st tab) or columns 1-4 and 8-10 (with 2nd tab). How can I do this?

If you obtained PRO edition, you may try to use hextra extension:
docs.dhtmlx.com/doku.php?id=dhtm … s_grouping

If want to use tabbar, you need to use 2 or 3 grids.
2 grids: 1st contains columns 1-7, 2nd - 1-4 and 8-10
3 grids: 1st - columns 1-4, 2nd - 5-7, 3rd - 8-10
In case of PRO edition you may use 1 grid and call setColumnHidden method:

dhtmlxGrid/samples/16_rows_columns_manipulations/12_pro_grid_hideColumn.html