Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Quick Grid For Blazor
109
Quick Grid
Z
W
X
e
h
e
4
S
K
G
5
Intro
A
Quick Grid is a simple and efficient grid component built by the Blazor team.
Our Grid
Current Grid (Census):
• Performance
• Too many custom code
• Hard to maintain
Analyze page load by Lighthouse (with 100 rows)
Quick Grid
Quick Grid
• Better performance
• Simple and flexible component
• Developed by Microsoft
• Has almost core grid functionality (Sorting, Filtering, Paging)
• Use for .NET 6 or later
Analyze page load by Lighthouse (with 100 rows)
B
Installation and Usage
Installation
How to install Quick Grid
Add the package Microsoft.AspNetCore.Components.QuickGrid by Manage Nuget Packages or by command line
dotnet add package Microsoft.AspNetCore.Components.QuickGrid --prerelease
Usage
How the Quick Grid works
QuickGrid has two built-in column types, PropertyColumn and TemplateColumn:
• PropertyColumn is for displaying a single value specified by the parameter Property.
• TemplateColumn is for displaying Razor fragments.
Features that we can apply to our Grid
C
S
Sorting
Sorting
- Set Sortable="true" for PropertyColumn
- Can change the sorting direction via setting attribute IsDefaultSort
F
Filtering
Filtering
Can build custom UI and place in ColumnOptions section
P
Paging
Paging
- Construct an instance of PaginationState and pass it as the grid's Pagination property.
- Can use built-in Pagination UI or create custom UI through PaginationState instance.
F
Formating
Format Column
Can easily to format the displayed text via Format attribute