jQuery UI Widgets Forums Grid Splitter / grid Horizontal scroll not displaying

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 9 years, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • telco5
    Participant

    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.


    Dimitar
    Participant

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.