|
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| Vins et alcools Chevalier | Reims | France | $14.00 | 12 | $168.00 | |
| Vins et alcools Chevalier | Reims | France | $10.00 | 10 | $100.00 | |
| Vins et alcools Chevalier | Reims | France | $35.00 | 5 | $175.00 | |
| Toms Spezialitäten | Münster | Germany | $19.00 | 9 | $171.00 | |
| Toms Spezialitäten | Münster | Germany | $42.00 | 40 | $1,680.00 | |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $8.00 | 10 | $80.00 |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $42.00 | 35 | $1,470.00 |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $17.00 | 15 | $255.00 |
| Victuailles en stock | Lyon | France | $17.00 | 6 | $102.00 | |
| Victuailles en stock | Lyon | France | $16.00 | 15 | $240.00 | |
| Victuailles en stock | Lyon | France | $17.00 | 20 | $340.00 | |
| Suprêmes délices | Charleroi | Belgium | $65.00 | 40 | $2,600.00 | |
| Suprêmes délices | Charleroi | Belgium | $2.00 | 25 | $50.00 | |
| Suprêmes délices | Charleroi | Belgium | $27.00 | 40 | $1,080.00 | |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $10.00 | 20 | $200.00 |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $14.00 | 42 | $588.00 |
| Hanari Carnes | Rio de Janeiro | RJ | Brazil | $16.00 | 40 | $640.00 |
| Chop-suey Chinese | Bern | Switzerland | $4.00 | 15 | $60.00 | |
| Chop-suey Chinese | Bern | Switzerland | $19.00 | 21 | $399.00 | |
| Chop-suey Chinese | Bern | Switzerland | $8.00 | 21 | $168.00 | |
Data grid with 2155 rows and 7 columns
0 rows are selected
Our DevExpress Grid for Blazor allows you to customize the appearance of UI elements based on custom conditions. This module demonstrates how to highlight alternating (odd) rows with a different style to enhance readability.
To do this, handle the Grid's CustomizeElement event and use the following event arguments to modify row and cell styles:
- ElementType — An element type.
- CssClass — The name of a CSS class applied to a grid element.
- Attributes — Standard HTML attributes applied to a grid element.
- Style — A standard HTML style attribute applied to a grid element.
- VisibleIndex — The visible index of the processed row or row that contains the processed cell.
- Column- The column that corresponds to the processed cell or group row.
- Grid — Provides access to grid properties.
This demo customizes the appearance of grid elements in the following way:
- All odd rows are highlighted.
- Column headers are bold.
- The custom background color is applied to the column header row.