Start Building Professional
Web Apps Today

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")