November 23, 2022
I am super excited about QuickGrid! However, it's important to note that QuickGrid is not officially released, it's an experiment and could be unsupported if Microsoft finds that it did not add value. I truly hope that this is not going to be the case because I could have used this component on previous projects and think it is very valuable.
Being a lightweight data grid component with basic features, means that there is still a spot for more advanced data grid components. It is compatible with .NET6 or later, built on WebAssembly, is open source (code is available on GitHub) and offers a convenient, simple and flexible datagrid component for common needs.
It is not part of the Blazor framework out of the box and can easily be added by installing the package.
1. Install required package:
2. Ensure that the using statement is added to the global import/component file.
3. Add QuickGrid elements and customise to requirements! Filtering, Sorting, Pagination and styling is possible. Let's put this to the test!
This website does an excellent job at explaining everything we need to know about in detail. Below is a summary of the properties available (at the time of writing this blog).
Property: Value to display in the column.
Format: Format strings like numbers, dates, enums and other .NET types. An example of Property column :
This component will render a UI for pagination. Set the Value to the PaginationState property
I am looking forward to this component growing and assisting us with a lightweight grid view solution.