|
|
|
|
|
|
|
|---|---|---|---|---|---|
| Nancy | Davolio | Sales Representative | 12/8/1988 | 5/1/2023 | |
| Andrew | Fuller | Vice President, Sales | 2/19/1975 | 8/14/2010 | |
| Janet | Leverling | Sales Representative | 8/30/1995 | 4/1/2020 | |
| Margaret | Peacock | Sales Representative | 9/19/1983 | 5/3/2011 | |
| Steven | Buchanan | Sales Manager | 3/4/1970 | 10/17/2011 | |
| Michael | Suyama | Sales Representative | 7/2/1991 | 10/17/2017 | |
| Robert | King | Sales Representative | 5/29/1970 | 1/2/2012 | |
| Laura | Callahan | Inside Sales Coordinator | 1/9/1995 | 3/5/2022 | |
| Anne | Dodsworth | Sales Representative | 1/27/1990 | 11/15/2022 | |
Data grid with 9 rows and 6 columns
0 rows are selected
The Blazor Grid allows you to use templates to customize column content and appearance:
- DxGridDataColumn.CellDisplayTemplate — Specifies a cell template for an individual column.
- DxGrid.DataColumnCellDisplayTemplate — Specifies a cell template for all columns.
- DxGridDataColumn.HeaderCaptionTemplate — Specifies a header caption template for an individual column.
- DxGrid.ColumnHeaderCaptionTemplate — Specifies a header caption template for all columns.
The templates implement the context parameter that allows you to access Grid data and the Grid, including its rich API.
This demo customizes the EmployeeId column appearance and content. The column shows More Info links. Users can click these links to view details about data rows in a pop-up window. A tooltip is displayed when users hover the mouse pointer over the column caption.