Document that QuickGrid will render additional empty rows and cells to fill in the final page of data

[danroth27]

Description

QuickGrid will render additional empty rows to fill in the final page of data when used with a Paginator. In .NET 9, it will also fill in empty data cells. This is intended to facilitate styling the QuickGrid so that it has a stable height and styling across all pages. Something like this:

::deep tr {
    height: 2em;
}

Note that for ::deep to work when using component specific styles for whatever component is the parent of the QuickGrid, the QuickGrid needs to have a wrapper element.

Page URL

https://learn.microsoft.com/en-us/aspnet/core/blazor/components/quickgrid?view=aspnetcore-9.0&tabs=visual-studio

Content source URL

https://github.com/dotnet/AspNetCore.Docs/blob/main/aspnetcore/blazor/components/quickgrid.md

Document ID

564e71e3-82ed-ce23-4f9f-a00a58734a62

Article author

@guardrex

Related Issues

[github-actions]

🍂🎃🏮 Autumn Skies and Pumpkin Pies! 🥧☕🍂

Stand by! A green dinosaur 🦖 will arrive shortly to assist.

[guardrex]

@danroth27 ... [UPDATED] I just placed the PR. Let's take up further discussion there ...

#34214

[davem7714]

Any way to get the extra rows to not have the gridline? I'm not real happy with the solution. I'd rather the extra lines didn't show up or at least make it an option on the QuickGrid.

[guardrex]

@davem7714 ... See the guidance in the QuickGrid article to style the lines off of the non-data rows. You can't currently remove the extra rows using .NET alone.

[davem7714]

@guardrex can you supply me with a link?

[guardrex]

Here it is ...

https://learn.microsoft.com/en-us/aspnet/core/blazor/components/quickgrid?view=aspnetcore-9.0&tabs=visual-studio#apply-row-styles

... scroll down to the second example.

[davem7714]

Thanks! That did the trick.