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:
✨ 오늘의 명언 & 마음의 양식

“꿈을 꿀 수 있다면, 그것을 이룰 수 있다.”

— 월트 디즈니 (디즈니 창립자)

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
An error has occurred. This app may no longer respond until reloaded. Reload 🗙