blazorbootstrap icon indicating copy to clipboard operation
blazorbootstrap copied to clipboard

Grid: Consistent page height

Open DutchJaFO opened this issue 2 years ago • 0 comments

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

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.

DutchJaFO avatar May 07 '23 21:05 DutchJaFO