www.radzen.com
- Solutionskeyboard_arrow_down
- Productskeyboard_arrow_down
- Resourceskeyboard_arrow_down
Radzen Blazor Components
DataGrid conditional styles and templates
This page demonstrates DataGrid with conditional rows and cells template/styles.
In this demo RowRender makes rows bold when Quantity > 20, CellRender colors Quantity cells green and adds rowspan/colspan attributes, and Quantity template displays values in contrast color conditionally.
Order Details
OrderID | ProductID/ProductName | Quantity | Discount | |
|---|---|---|---|---|
| 10248 | 11 | Queso Cabrales | 12 | |
| 42 | Singaporean Hokkien Fried Mee | 10 | ||
| 72 | Mozzarella di Giovanni | 5 | ||
| 10249 | 14 | Tofu | 9 | |
| 51 | Manjimup Dried Apples | 40 | ||
| 10250 | 41 | Jack's New England Clam Chowder | 10 | |
| 51 | Manjimup Dried Apples | 35 | 15.00 % | |
| 65 | Louisiana Fiery Hot Pepper Sauce | 15 | 15.00 % | |
| 10251 | 22 | Gustaf's Knäckebröd | 6 | 5.00 % |
| 57 | Ravioli Angelo | 15 | 5.00 % | |
| Total records: 249 | Most ordered product: Gustaf's Knäckebröd, Least ordered product: Mozzarella di Giovanni | Total quantity: $5,400.00 | Average discount: 4.66 % | |
All the tools in one place
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
support
Dedicated support backed by proven expertise
palette
Premium themes and theme editor
widgets
Ready-to-use UI blocks
dashboard_customize
Complete app templates
format_shapes
Visual design-time-experience
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT
- UI Fundamentalskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- App Templateskeyboard_arrow_down
- DataGrid Updated keyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columns Updated keyboard_arrow_down
- Filtering Updated keyboard_arrow_down
- Hierarchy Updated keyboard_arrow_down
- Selection Updated keyboard_arrow_down
- Sortingkeyboard_arrow_down
- Paging Updated keyboard_arrow_down
- Grouping Updated keyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settings Updated keyboard_arrow_down
- Drag & Drop Updated keyboard_arrow_down
- PivotDataGrid New keyboard_arrow_down
- Data Updated keyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Treekeyboard_arrow_down
- Imageskeyboard_arrow_down
- Layout Updated keyboard_arrow_down
- Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Data Visualizationkeyboard_arrow_down
- Chartkeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark