Syncfusion.Blazor.Grid
33.1.47
Prefix Reserved
dotnet add package Syncfusion.Blazor.Grid --version 33.1.47
NuGet\Install-Package Syncfusion.Blazor.Grid -Version 33.1.47
<PackageReference Include="Syncfusion.Blazor.Grid" Version="33.1.47" />
<PackageVersion Include="Syncfusion.Blazor.Grid" Version="33.1.47" />
<PackageReference Include="Syncfusion.Blazor.Grid" />
paket add Syncfusion.Blazor.Grid --version 33.1.47
#r "nuget: Syncfusion.Blazor.Grid, 33.1.47"
#:package Syncfusion.Blazor.Grid@33.1.47
#addin nuget:?package=Syncfusion.Blazor.Grid&version=33.1.47
#tool nuget:?package=Syncfusion.Blazor.Grid&version=33.1.47
Syncfusion® Blazor DataGrid
High-performance DataGrid for Blazor applications. Display, edit, and manage tabular data from IEnumerable, OData, or remote sources with built-in paging, sorting, filtering, grouping, and virtualization.

Key Features
- Fast rendering with virtualization and row/column virtualization
- Sorting, filtering, grouping, and searching capabilities
- Inline, batch, and dialog editing modes
- Template columns, column resizing, reordering, and freezing
- Excel and PDF export (requires additional Syncfusion export packages)
- Keyboard navigation, accessibility, and RTL support
- Responsive design with mobile touch optimization
System Requirements
- .NET 8.0 or later (Blazor Server, Blazor Web App, Blazor WebAssembly, Blazor Hybrid)
- See full requirements: System Requirements
Installation
.NET CLI
dotnet add package Syncfusion.Blazor.Grids
NuGet Package Manager
Install-Package Syncfusion.Blazor.Grids
Add Stylesheet and Script References
For Blazor Web App / Blazor Server, add these to Components/App.razor or App.razor. For Blazor WebAssembly, add these to wwwroot/index.html:
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
Quick Start
- Register the Syncfusion® Blazor service in
Program.cs:
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- Add the DataGrid component to your Razor page:
@using Syncfusion.Blazor.Grids
<SfGrid DataSource="@Orders" AllowPaging="true" AllowSorting="true" AllowFiltering="true">
<GridColumns>
<GridColumn Field="OrderID" HeaderText="Order ID" Width="120" TextAlign="TextAlign.Right"></GridColumn>
<GridColumn Field="CustomerName" HeaderText="Customer Name" Width="150"></GridColumn>
<GridColumn Field="OrderDate" HeaderText="Order Date" Width="130" Format="d" TextAlign="TextAlign.Right"></GridColumn>
<GridColumn Field="Freight" HeaderText="Freight" Width="120" Format="C2" TextAlign="TextAlign.Right"></GridColumn>
</GridColumns>
</SfGrid>
@code {
private List<Order> Orders = new List<Order>
{
new Order { OrderID = 10248, CustomerName = "VINET", OrderDate = new DateTime(2023, 7, 4), Freight = 32.38 },
new Order { OrderID = 10249, CustomerName = "TOMSP", OrderDate = new DateTime(2023, 7, 5), Freight = 11.61 },
new Order { OrderID = 10250, CustomerName = "HANAR", OrderDate = new DateTime(2023, 7, 8), Freight = 65.83 }
};
public class Order
{
public int OrderID { get; set; }
public string CustomerName { get; set; }
public DateTime OrderDate { get; set; }
public double Freight { get; set; }
}
}
Documentation
- Getting Started with Blazor Web App
- Getting Started with WebAssembly
- API Reference
- Live Demos
- Feature Overview
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com.
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | 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
- Syncfusion.Blazor.Buttons (>= 33.1.47)
- Syncfusion.Blazor.Calendars (>= 33.1.47)
- Syncfusion.Blazor.Core (>= 33.1.47)
- Syncfusion.Blazor.Data (>= 33.1.47)
- Syncfusion.Blazor.DropDowns (>= 33.1.47)
- Syncfusion.Blazor.Inputs (>= 33.1.47)
- Syncfusion.Blazor.Navigations (>= 33.1.47)
- Syncfusion.Blazor.Popups (>= 33.1.47)
- Syncfusion.Blazor.Spinner (>= 33.1.47)
- Syncfusion.ExcelExport.Net.Core (>= 33.1.47)
- Syncfusion.PdfExport.Net.Core (>= 33.1.47)
-
net8.0
- Syncfusion.Blazor.Buttons (>= 33.1.47)
- Syncfusion.Blazor.Calendars (>= 33.1.47)
- Syncfusion.Blazor.Core (>= 33.1.47)
- Syncfusion.Blazor.Data (>= 33.1.47)
- Syncfusion.Blazor.DropDowns (>= 33.1.47)
- Syncfusion.Blazor.Inputs (>= 33.1.47)
- Syncfusion.Blazor.Navigations (>= 33.1.47)
- Syncfusion.Blazor.Popups (>= 33.1.47)
- Syncfusion.Blazor.Spinner (>= 33.1.47)
- Syncfusion.ExcelExport.Net.Core (>= 33.1.47)
- Syncfusion.PdfExport.Net.Core (>= 33.1.47)
-
net9.0
- Syncfusion.Blazor.Buttons (>= 33.1.47)
- Syncfusion.Blazor.Calendars (>= 33.1.47)
- Syncfusion.Blazor.Core (>= 33.1.47)
- Syncfusion.Blazor.Data (>= 33.1.47)
- Syncfusion.Blazor.DropDowns (>= 33.1.47)
- Syncfusion.Blazor.Inputs (>= 33.1.47)
- Syncfusion.Blazor.Navigations (>= 33.1.47)
- Syncfusion.Blazor.Popups (>= 33.1.47)
- Syncfusion.Blazor.Spinner (>= 33.1.47)
- Syncfusion.ExcelExport.Net.Core (>= 33.1.47)
- Syncfusion.PdfExport.Net.Core (>= 33.1.47)
NuGet packages (20)
Showing the top 5 NuGet packages that depend on Syncfusion.Blazor.Grid:
| Package | Downloads |
|---|---|
|
Syncfusion.Blazor.TreeGrid
Syncfusion® Blazor TreeGrid component for displaying hierarchical tabular data in .NET Blazor apps. Supports row hierarchy, sorting, filtering, paging, editing, virtualization, and export. |
|
|
Syncfusion.Blazor.FileManager
This package contains the Syncfusion® Blazor FileManager component. |
|
|
Syncfusion.Blazor.Gantt
This package contains the Syncfusion® Blazor Gantt component. |
|
|
Syncfusion.Blazor.PivotTable
Syncfusion® Blazor Pivot Table (PivotView) component for data summarization and analytics in .NET Blazor apps. Supports pivoting, aggregation, drill-down, field lists, calculated fields, and export. |
|
|
Syncfusion.Blazor.MultiColumnComboBox
Syncfusion® Blazor MultiColumnComboBox component enables users to select values from a dropdown list that displays multiple columns of related data. Supports data binding, filtering, virtualization, and customizable column templates for enhanced data presentation in Blazor applications. |
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on Syncfusion.Blazor.Grid:
| Repository | Stars |
|---|---|
|
abpframework/abp-samples
Sample solutions built with the ABP Framework
|
|
|
iPromKnight/zilean
|
| Version | Downloads | Last Updated |
|---|---|---|
| 33.1.47 | 1,322 | 4/6/2026 |
| 33.1.46 | 2,197 | 3/30/2026 |
| 33.1.45 | 2,879 | 3/23/2026 |
| 33.1.44 | 7,616 | 3/16/2026 |
| 32.2.9 | 6,962 | 3/9/2026 |
| 32.2.8 | 6,163 | 3/2/2026 |
| 32.2.7 | 8,152 | 2/23/2026 |
| 32.2.5 | 6,377 | 2/16/2026 |
| 32.2.4 | 8,691 | 2/10/2026 |
| 32.2.3 | 11,631 | 2/5/2026 |
| 32.1.25 | 9,445 | 1/26/2026 |
| 32.1.24 | 7,890 | 1/19/2026 |
| 32.1.23 | 9,942 | 1/13/2026 |
| 32.1.22 | 4,895 | 1/5/2026 |
| 32.1.21 | 6,510 | 12/29/2025 |
| 32.1.20 | 3,729 | 12/23/2025 |
| 32.1.19 | 9,919 | 12/16/2025 |
| 31.2.18 | 13,124 | 12/8/2025 |
| 31.2.16 | 11,918 | 12/1/2025 |
| 31.2.15 | 8,231 | 11/25/2025 |