Hello,
we want to set a min-height to our empty grids (no rows). the "Done[Fertig]" "Cancel[Abbrechen]" buttons are missplaced, if there is only a new row (see screenshots) any idea how to do that?
setting a fixed height (e.g. height:300px ) is no option, because we want the grid to autoAdjustHeight after a row is added up to the number of rows set by paging.
http://1drv.ms/XbmGAh < - empty grid, buttons misplaced/not completely visible
http://1drv.ms/1pp7IQI < - this is how it should look like if it is empty. I set a fixed height, but we want the grid to grow in height when rows get added.
any idea?
I prepared a small sample ilustrating a possible approach. The important parts of the sample are setting the height to 100%, setting the required min-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!
hello,
thank you for your answer.
I use the rowsRendered event to set the height to the scroll container. To let the container grow when more rows are added, I use the greater value of min-height or $("table#grid").height() . so I do not need to activate responsive feature in 14.1.
Thank you for sharing this with the community! We believe it helps all users to find better solutions this way.
I am glad you found a better solution for your particular scenario.