EasyUI Forum

Hi,

I have a datagrid in a south layoutpanel.
It is dynamically loaded in the panel.
Because of the number of columns I have a horizontal scrollbar.

But the scrollbar is just invisible at the bottom of the panel.
If I drag the divider between the north and south panel a little bit up, the scrollbar shows.
I tried to give the south panel a little bit more height, but the problem stays the same.

How do I solve this problem?

Please set 'fit' property of datagrid to true to let the datagrid full fill the south panel.

I have already "fit:true" in the datagrid.

What I do is loading html with a datagrid dynamic in the collapsed south region.
with:
$("#rplayout2").html("$rpgrid");

After that I use:
$('#rplayout2').layout('expand','south');

What I discover is that when I remove the toolbar above the grid, the horizontal scrollbar is visible without problems.
So it has somehing to do with the toolbar above the grid.

What does your code $("#rplayout2").html("$rpgrid"); do? Please describe your issue in more detail.

Hi STworthy,

Sorry, the "$rpgrid" is somewhat confusing.

I generate all the markup and javascript with php (Built a php wrapper with a gridclass and formclass to built all the grids and forms). So, the $rpgrid is the php variable that holds the grid.

But late lastnight I already found a solution for my problem.
I have a toolbar above my grid and had some padding in it to give the buttons some more space.
And just this padding pushed the horizontal scrollbar at the bottom of my grid out of sight.
After removing the padding, the scrollbar was visible again, so that's solved.

But, in that case, the question remains how I could add some padding in the toolbar without pushing the scrollbar out of sight.

Thanks for your help as allways :)