blazorbootstrap
blazorbootstrap copied to clipboard
Grid: Consistent page height
Whenever the page has less than [Page Size] items to display the grid changes size. This is visually distracting. As a work-around I'm adding 'empty' rows to the list to keep that final page at [Page Size] items and then abusing the 'row class' feature to change how it looks so I get an effect like this screenshot (using 'danger' class just to highlight the effect)
This is far from ideal, because I need to create a css-style that mimics an empty row and add a property to my viewmodel to fake these empty rows.
(PageSize set to 15 items for both grids in this example. Example on the left is me faking extra content, example on the right is how it works without faking the extra content )

Telerik grids allow me to set the height to either a percentage '100%' or fixed amount which is a solution that could work here as well.