Blazor Sparkline in Grid Example
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
ID | Name | Order Date | Ship Country | Tax per annum | One Day Index | Year GR |
|---|
| 1 | VINET | 9674 | France | |||
| 2 | TOMSP | 9675 | Germany | |||
| 3 | HANAR | 9678 | Brazil | |||
| 4 | VICTE | 9678 | France | |||
| 5 | SUPRD | 9679 | Belgium | |||
| 6 | HANAR | 96710 | Brazil | |||
| 7 | CHOPS | 96711 | Switzerland | |||
| 8 | RICSU | 96712 | Switzerland | |||
| 9 | WELLI | 96715 | Brazil | |||
| 10 | HILAA | 96716 | Venezuela | |||
| 11 | ERNSH | 96717 | Austria | |||
| 12 | CENTC | 96718 | Mexico | |||
| 13 | OTTIK | 96719 | Germany | |||
| 14 | QUEDE | 96719 | Brazil | |||
| 15 | RATTC | 96722 | USA | |||
| 16 | ERNSH | 96723 | Austria | |||
| 17 | FOLKO | 96724 | Sweden | |||
| 18 | BLONP | 96725 | France | |||
| 19 | WARTH | 96726 | France | |||
| 20 | FRANK | 96729 | Germany |
This sample renders sparklines inside a data grid to display compact trends inline with tabular data for efficient data exploration.
Benefits:
- Provide at-a-glance trend context without leaving the data table
- Combine detailed data with visual trend indicators
- Improve data comprehension through inline visualization
- Enable rapid pattern recognition across multiple rows
See more in the documentation section.