I want to create a grid with a max height restriction. I can set the height on the grid itself, but our grids (especially on search screens) start out with no data and our customer doesn't want a big white space grid containing no records to take up the screen. When the grid is loaded I would like the grid to expand as normal but cap out based on a value I specify.
I have been looking at the HTML output and there are containers I can tap into but I see if I try to manually set those fields, some additional attributes aren't set. Or they have no effect no matter what I do.
I tried to manually modify the following containers with no success:
.selector_hscroller.selector_container
What else could I try?
Hello Daniel,
I prepared a small sample which demonstrates one possible approach to this requirements. The important parts of the sample are setting the height to 100%, setting the required max-height directly to the scroll container (there is no property for this) and enabling the Responsive feature which makes sure the grid does not get its header and body columns misaligned when the vertical scrollbar appears.
If you have any questions, please don't hesitate to ask!
Hope this helps!
Best regards,
Stamen Stoychev