Arcadia.DataGrid 1.0.0-beta.22

This is a prerelease version of Arcadia.DataGrid.
dotnet add package Arcadia.DataGrid --version 1.0.0-beta.22
                    
NuGet\Install-Package Arcadia.DataGrid -Version 1.0.0-beta.22
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Arcadia.DataGrid" Version="1.0.0-beta.22" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Arcadia.DataGrid" Version="1.0.0-beta.22" />
                    
Directory.Packages.props
<PackageReference Include="Arcadia.DataGrid" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Arcadia.DataGrid --version 1.0.0-beta.22
                    
#r "nuget: Arcadia.DataGrid, 1.0.0-beta.22"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Arcadia.DataGrid@1.0.0-beta.22
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Arcadia.DataGrid&version=1.0.0-beta.22&prerelease
                    
Install as a Cake Addin
#tool nuget:?package=Arcadia.DataGrid&version=1.0.0-beta.22&prerelease
                    
Install as a Cake Tool

<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 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

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.