Data Grid
GridControlSort, filter, group and resize a bound list. Every other grid page takes one feature further.
Overview
GridControl binds a list through DataSource and TValue, declares its columns in
GridColumnsBase and switches behaviours on with Allow* flags. This page shows the core set on a
ten-row list. The pages in the Data Grid menu each take one feature further, from batch editing and frozen columns to
on-demand loading, grouping with totals and the tree grid; they are listed under Related.
Examples
#Sort, filter, group and resize
Click a header to sort. Use the filter icon in a header to filter. Drag a header into the bar above the grid to group by it, drag a header edge to resize, and drag a header sideways to reorder (AllowColumnReorder is on by default).
| ID | Name | Department | Role | Salary | Hire Date |
|---|---|---|---|---|---|
| 1 | Avery Chen | Engineering | Senior Engineer | $145,000 | 3/14/2021 |
| 2 | Blake Rivera | Engineering | Engineer | $98,000 | 6/1/2023 |
| 3 | Casey Patel | Engineering | Lead | $172,000 | 9/22/2019 |
| 4 | Drew Yamamoto | Design | UX Designer | $112,000 | 1/9/2022 |
| 5 | Elliot Marquez | Design | Senior Designer | $131,000 | 8/3/2020 |
| 6 | Finley Okafor | Product | PM | $125,000 | 11/15/2022 |
| 7 | Gray Solberg | Product | Senior PM | $154,000 | 4/28/2018 |
| 8 | Hayden Lin | Sales | AE | $92,000 | 2/5/2024 |
| 9 | Indigo Brooks | Sales | Senior AE | $118,000 | 7/17/2021 |
| 10 | Jess Wakefield | Marketing | Manager | $108,000 | 12/2/2020 |
Documentation
GridControl, GridColumn and AggregateRow tables are still to be written from Grid/GridControl.razor.cs and its partial files.