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 | |
|---|---|---|---|---|
| No records to display. | ||||
| Total records: 0 | Most ordered product: , Least ordered product: | Total quantity: $0.00 | Average discount: | |
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