Full width and height grid with not resizable columns

Hello



I am struggling to achieve the following effect



I have grid loaded from html table, and I would like it to

- fill parent container (div) in width (100%)

- auto adjust height to content (no content scrolling - never!)

- make columns auto adjust to content (and fill table in 100%). If content overflows cell, then just not display it.

- disable manual columns width adjustment



Please help

  • fill parent container (div) in width (100%)


    You can use style=“width:100%” on container of grid


    >> - auto adjust height to content (no content scrolling - never!)

        grid.enableAutoHeight(true);

    >> - make columns auto adjust to content
        grid.setSizes(‘100,100,100,*’); //column marked as * will take all possible size, it will automatically increase | decrease on resize to prevent horizontal scrolling

    >> - disable manual columns width adjustment

        grid.enableResizing(“false,false,false,false”)