Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Document that QuickGrid may render additional empty rows on the last page when using a paginator that should be appropriately styled #59096

Open
danroth27 opened this issue Nov 21, 2024 · 1 comment
Labels
area-blazor Includes: Blazor, Razor Components

Comments

@danroth27
Copy link
Member

When you use a paginator with QuickGrid, it may render additional empty rows on the last page to fill it out and make it easier to style the grid to be a fixed height. We should document this behavior and recommend accounting for these extra empty rows in the app's styling.

Related discussion: #57199

@JaquesBotha
Copy link

Ran into the same issue. I've already looked into this from a CSS perspective... I've alrady tried using:
.quickgrid tbody tr:empty {
display: none;
}
HOwever, this will not work since when you inspect element you will find that the 's are still loading. I took a different approach and tried this:
.quickgrid tbody tr:has(td:empty) {
display: none;
}
However, this MIGHT work but I find that certain 's are being skipped. Overall I am a HUGE advocate for not rendering items that don't need rendering so with that using CSS is not (in my opinion) the right solution. It shouldn't hit the DOM in the first place.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-blazor Includes: Blazor, Razor Components
Projects
None yet
Development

No branches or pull requests

2 participants