Arcadia.DataGrid
1.0.0-beta.22
dotnet add package Arcadia.DataGrid --version 1.0.0-beta.22
NuGet\Install-Package Arcadia.DataGrid -Version 1.0.0-beta.22
<PackageReference Include="Arcadia.DataGrid" Version="1.0.0-beta.22" />
<PackageVersion Include="Arcadia.DataGrid" Version="1.0.0-beta.22" />
<PackageReference Include="Arcadia.DataGrid" />
paket add Arcadia.DataGrid --version 1.0.0-beta.22
#r "nuget: Arcadia.DataGrid, 1.0.0-beta.22"
#:package Arcadia.DataGrid@1.0.0-beta.22
#addin nuget:?package=Arcadia.DataGrid&version=1.0.0-beta.22&prerelease
#tool nuget:?package=Arcadia.DataGrid&version=1.0.0-beta.22&prerelease
<p align="center"> <strong>Arcadia.DataGrid</strong><br> <em>A high-performance Blazor DataGrid with sorting, filtering, grouping, virtual scrolling, and 6 built-in themes</em> </p>
Why Arcadia DataGrid?
- Pure Blazor — no JavaScript dependency, no npm, no webpack. Renders natively in C#.
- Virtual scrolling — handles 100,000+ rows at 60fps using Blazor's
Virtualize<T>with CSS Grid layout. - Declarative columns — define columns as child components with templates, not config objects.
- Accessible — WCAG 2.1 AA: ARIA grid roles, keyboard navigation, screen reader announcements.
Features
| Feature | Details |
|---|---|
| Sorting | Multi-column sort with Shift+Click and priority badges |
| Filtering | 9 operators per column + quick filter toolbar search |
| Paging | Built-in pager with configurable page sizes |
| Selection | Single, multi-select, checkbox column, SelectionMode enum |
| Grouping | Group by any column with collapsible headers |
| Inline editing | Double-click to edit, custom edit templates |
| Batch editing | Track changes, save/discard all with OnBatchCommit |
| Virtual scrolling | CSS Grid layout for 100K+ rows |
| Column templates | Cell, header, footer, and detail row templates |
| CSV export | One-click export with column/row filtering |
| Clipboard copy | Ctrl+C copies selected rows as TSV; Ctrl+Shift+C copies with headers |
| Column reorder | Drag-and-drop column reordering |
| Stacked headers | Multi-row header groups for complex column layouts |
| Infinite scroll | Continuous data loading as user scrolls |
| Cell tooltips | Hover tooltips on truncated cell content |
| Conditional formatting | Data-driven cell styles via CellClass |
| ObservableCollection | Live data binding with automatic 16ms debounced re-renders |
| Context menu | Custom right-click menus via ContextMenuTemplate |
| State persistence | Auto-save sort/filter/columns to localStorage |
| Keyboard nav | Arrow keys, Enter to edit, Escape to cancel, Ctrl+C to copy |
| 6 Themes | Obsidian, Vapor, Carbon, Aurora, Slate, Midnight |
| 3 Density modes | Comfortable, Compact, Dense |
60-Second Quick Start
dotnet add package Arcadia.DataGrid
dotnet add package Arcadia.Theme
Add to your App.razor <head>:
<link href="_content/Arcadia.Theme/css/arcadia.css" rel="stylesheet" />
<link href="_content/Arcadia.DataGrid/css/arcadia-datagrid.css" rel="stylesheet" />
Drop in a grid:
@using Arcadia.DataGrid.Components
<ArcadiaDataGrid TItem="Employee" Data="@employees" Sortable="true" Filterable="true" ShowToolbar="true">
<ArcadiaColumn TItem="Employee" Property="Name" />
<ArcadiaColumn TItem="Employee" Property="Department" />
<ArcadiaColumn TItem="Employee" Property="Salary" Format="C0" Align="right" />
</ArcadiaDataGrid>
Render Mode Support
| Mode | Status |
|---|---|
| Blazor Server | Fully supported |
| Blazor WebAssembly | Fully supported |
| Blazor Auto (net8+) | Fully supported |
Multi-targets .NET 5 through .NET 10.
Live Demo · Documentation · Changelog · Benchmarks · GitHub
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 is compatible. net5.0-windows was computed. net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 10.0.0-preview.4.25258.110)
- Microsoft.AspNetCore.Components.Web (>= 10.0.0-preview.4.25258.110)
-
net5.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 5.0.17)
- Microsoft.AspNetCore.Components.Web (>= 5.0.17)
-
net6.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 6.0.36)
- Microsoft.AspNetCore.Components.Web (>= 6.0.36)
-
net7.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 7.0.20)
- Microsoft.AspNetCore.Components.Web (>= 7.0.20)
-
net8.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 8.0.12)
- Microsoft.AspNetCore.Components.Web (>= 8.0.12)
-
net9.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 9.0.0)
- Microsoft.AspNetCore.Components.Web (>= 9.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 1.0.0-beta.22 | 64 | 5/20/2026 |
| 1.0.0-beta.21 | 83 | 4/4/2026 |
| 1.0.0-beta.19 | 70 | 3/30/2026 |
| 1.0.0-beta.18 | 77 | 3/30/2026 |
| 1.0.0-beta.17 | 68 | 3/29/2026 |
| 1.0.0-beta.16 | 66 | 3/29/2026 |
| 1.0.0-beta.15 | 73 | 3/29/2026 |
| 1.0.0-beta.13 | 70 | 3/27/2026 |
| 1.0.0-beta.12 | 65 | 3/27/2026 |
| 1.0.0-beta.11 | 65 | 3/26/2026 |
| 1.0.0-beta.10 | 73 | 3/26/2026 |
https://arcadiaui.com/docs/datagrid — Full documentation with 13 feature pages.
beta.15: Excel export (zero dependencies), typed filters (bool/date/number auto-detected), column pinning UI (right-click header), 14 localization parameters, 1,348 total tests.
beta.13: Multi-column sort (Shift+Click), quick filter, batch editing, context menu, state persistence (localStorage), clipboard copy (Ctrl+C), SelectionMode enum, Property parameter (no boxing), EmptyTemplate.