Problem with resize columns into de paging

Suite and Optimus Suite 5
#1

Hi,
I have a problem into de paging when i resize de header columns.

The grid is resized but the paging doesn’t.

My code html:

Basically, i would like to know how to resize the paging when i resize the headers columns to get the same width into the pagig and the gridbox.

Any help is appreciated.
Thanks

#2

You can use “onResizeEnd” event to catch when resizing is finished, get grid parent container actual width and change paging container width.

#3

thanks for your response

I have tried that, but doesn’t work.

In the image you can see that the container div (paginArea - 898px) has a width that it changes when i resize the header columns, but the inner div width doesn’t change (1083px)

I tried to put overflow:hidden into the container div paginArea, that works, but i think that it’s not very clean solution.

thanks in advance

imagen.png800×400 19.7 KB

#4

You can use code like next

mygrid.enableAutoWidth(true); mygrid.attachEvent("onResizeEnd", function(){ mygrid.callEvent("onGridReconstructed",[]); });

First line will auto-size grid
Second will auto-size paging area after each resize operation