jQuery UI Widgets › Forums › Grid › Splitter / grid Horizontal scroll not displaying
Tagged: 100%, grid, horizontal scrollbar, initialize, jqxgrid, jqxsplitter, percent, splitter, Widget, width
This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 10 years, 2 months ago.
GRID CODE
$(“#jqxgridTape”).jqxGrid(
{ height: ‘100%’,width: ‘100%’,
VSPLITTER
$(“#vsplitter”).jqxSplitter({ width: ‘100%’, height: ‘100%’, panels: [{ size: 250 }] });
HSPLITTER
$(‘#hsplitter’).jqxSplitter({ height: ‘100%’, width: ‘100%’, orientation: ‘horizontal’, panels: [{ size: ‘50%’ }, { size: ‘50%’}] });
Rest of code
<style type=”text/css”>
html, body
{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>
</head>
<body class=’default’>
<div id=”vsplitter”>
<div id=”jqxTree”>
</div>
<div>
<div id=”hsplitter”>
<div id=”jqxgridTape”></div>
<div id=”Bottom”>
East
</div>
</div>
</div>
</div>
</body>
</html>
Everything works great just no horizontal scrollbar.
Now if I remove the width: ‘100% out of the grid definition then it works but then does not stretch to size of the window.
Hello telco5,
It is incorrect to initialize widgets (jqxTree, jqxGrid) from the content divs of a jqxSplitter. The correct way is demonstrated in the splitter demos, such as Integration with jqxTree and Integration with jqxGrid.
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/
You must be logged in to reply to this topic.
