menu
Radzen Blazor Components
Theme:
Default
Default
Dark
Software
Humanistic
DataGrid conditional styles and templates
This page demonstrates
DataGrid
with conditional rows and cells template/styles.
apps
Example
code
Source
Order Details
OrderID
ProductID
Product
Quantity
Discount
search
search
search
search
search
OrderID
10248
ProductID
11
Product
Queso Cabrales
Quantity
12
ProductID
42
Product
Singaporean Hokkien Fried Mee
Quantity
10
ProductID
72
Product
Mozzarella di Giovanni
Quantity
5
OrderID
10249
ProductID
14
Product
Tofu
Quantity
9
ProductID
51
Product
Manjimup Dried Apples
Quantity
40
OrderID
10250
ProductID
41
Product
Jack's New England Clam Chowder
Quantity
10
ProductID
51
Product
Manjimup Dried Apples
Quantity
35
Discount
15.00 %
ProductID
65
Product
Louisiana Fiery Hot Pepper Sauce
Quantity
15
Discount
15.00 %
OrderID
10251
ProductID
22
Product
Gustaf's Knäckebröd
Quantity
6
Discount
5.00 %
ProductID
57
Product
Ravioli Angelo
Quantity
15
Discount
5.00 %
1
2
3
4
5
First Look
Dashboard
Get Started
Support
General
keyboard_arrow_down
Button
GoogleMap
Gravatar
SplitButton
Icon
Image
Link
Login
ProgressBar
Dialog
Notification
Tooltip
Menu
PanelMenu
ContextMenu
ProfileMenu
Upload
Containers
keyboard_arrow_down
Accordion
Card
Fieldset
Panel
Tabs
Steps
Forms
keyboard_arrow_down
AutoComplete
Switch
CheckBox
CheckBoxList
ColorPicker
DatePicker
DropDown
DropDownDataGrid
FileInput
ListBox
Numeric
Password
RadioButtonList
Rating
SelectBar
Slider
TemplateForm
TextBox
Mask
TextArea
Validators
keyboard_arrow_down
RequiredValidator
LengthValidator
NumericRangeValidator
CompareValidator
EmailValidator
RegexValidator
Data
keyboard_arrow_down
DataList
Tree
Scheduler
DataGrid
keyboard_arrow_down
Binding to IQueryable
Binding with LoadData event
Binding to OData service
Footer Totals
Custom Column FilterTemplate
Hierarchy
Master/Detail
InLine Editing
Conditional styles and templates
Export to Excel and CSV
Cascading DropDowns
HtmlEditor
keyboard_arrow_down
Default Tools
Custom Tools
Charts
keyboard_arrow_down
Line Chart
Area Chart
Column Chart
Bar Chart
Pie Chart
Donut Chart
Styling
Gauges
keyboard_arrow_down
Radial Gauge
Arc Gauge
Styling Gauge