Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Andreas Basse
110
Automatig height of the Grid
posted

Hi,

I work on a website that contains a header, a navbar and then the grid and a footer below. The space left for the grid is about 75% of the total height. I try tho adjust the grid height, that there only is one slider on the right side of the grid and not a socond one for the complete web page.

width 100% is working, but when I try to use 75% for height it does not work, it olny works with px:

$("#columnLayout1").igLayoutManager({
            });
            $("#THB_LivetickerGrid").igGrid({
                dataSource: datacleaned, 
                width: "100%",
                height: "75%",    
                autoGenerateColumns: false,
                    
                columns: [
                    {..........

best Andy
Parents
No Data
Reply
  • 1235
    Verified Answer
    posted

    Hello Andreas,

    When the igGrid's height is set in percent its height is calculated, based on its parent element. Setting height to its parent element will get the percent height value to work. For example:


    <style>
        html, body {
            height: 100%;
        }
    </style>
    

    //code...
    <body>
        <table id="THB_LivetickerGrid">
        </table>
    </body>

    I am attaching a sample, demonstrating the code above.

    Please feel free to contact me if you have further questions.

    Best regards,
    Ivaylo Hubenov
    Entry-level developer

    heightSample.zip
Children
No Data