EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on November 20, 2014, 04:26:11 PM



Title: Re: no vertical scroll with datagrid [Solved]
Post by: devnull on November 20, 2014, 04:26:11 PM
I have a datagrid with frozen columns, contained in a dynamically loaded content panel and it just won't scroll vertically.

The table stretches to fill the full height of the main content panel it's data option fit is set to true.

I have tried setting .datagrid-body to 'scroll' and firebug shows that this style has been applied, however it refuses to scroll in y axis, x axis scroll on the un-frozen columns is OK.

I suspect this may be something to do with the frozen columns, or that the table was loaded dynamically ?



Title: Re: no vertical scroll with datagrid
Post by: stworthy on November 20, 2014, 06:16:29 PM
Please refer to this example http://www.jeasyui.com/demo/main/index.php?plugin=Layout&theme=default&dir=ltr&pitem=Basic

The datagrid in a panel has the vertical scrollbar.


Title: Re: no vertical scroll with datagrid
Post by: devnull on November 20, 2014, 06:22:36 PM
Thanks, yes I have already looked through the samples, but I cannot see why mine cannot scroll.

Your example has a fixed height table, as I do not know the size of the user's browser, I cannot set the panel or table height, I need it to grow to the full available height in the main west content panel.

I can pm you with a link to the page if you want to see what I mean ?


Title: Re: no vertical scroll with datagrid
Post by: stworthy on November 20, 2014, 06:32:03 PM
Does your west content panel has a fixed height? If so, the datagrid inside it will has scrollbar. If your issue continues, you may need to show some code to describe your datagrid and west content panel.


Title: Re: no vertical scroll with datagrid [Solved]
Post by: devnull on November 27, 2014, 06:50:20 AM
Adding fit to the tab panel as per your suggestion via PM solved the problem.

Code:
<div id="job_planner" format="tabs" style="height:100%">
<div class="easyui-tabs" fit="true">
...
</div>
</div>