Blazor Grid Example - Default Functionalities
This sample shows the DataGrid's default rendering with minimal configuration.
Order ID | Customer ID | Order Date | Freight | Ship Country |
|---|
| 10001 | ALFKI | 5/15/1991 | $2.30 | Denmark |
| 10002 | ANATR | 4/4/1990 | $3.30 | Brazil |
| 10003 | ANTON | 11/30/1957 | $4.30 | Germany |
| 10004 | BLONP | 10/22/1930 | $5.30 | Austria |
| 10005 | BOLID | 2/18/1953 | $6.30 | Switzerland |
| 10006 | ALFKI | 5/15/1991 | $4.60 | Denmark |
| 10007 | ANATR | 4/4/1990 | $6.60 | Brazil |
| 10008 | ANTON | 11/30/1957 | $8.60 | Germany |
| 10009 | BLONP | 10/22/1930 | $10.60 | Austria |
| 10010 | BOLID | 2/18/1953 | $12.60 | Switzerland |
| 10011 | ALFKI | 5/15/1991 | $6.90 | Denmark |
| 10012 | ANATR | 4/4/1990 | $9.90 | Brazil |
The Blazor DataGrid is used to display and manipulate tabular data, and it includes configuration options for controlling how the data is presented and manipulated. It can read data from data sources such as IEnumerable, OData web services, or SfDataManager and bind data fields to columns. It also shows a column header to identify the field and supports grouped records.
In this demonstration, the DataGrid is filled with its bare minimum of default settings.
Refer to the Getting Started with Blazor Server-Side DataGrid and Blazor WebAssembly DataGrid documentation pages for configuration specifications.