Syncfusion.Blazor.TreeGrid 33.2.4

Syncfusion® Blazor TreeGrid Component

This package contains the Blazor TreeGrid Component for Blazor application. The Blazor TreeGrid is a feature-rich component used to visualize self-referential hierarchical (tree-like structure) data effectively in a tabular format. Its rich feature set includes many functionalities like data binding, editing, sorting, filtering, paging, aggregating rows, and exporting to Excel, CSV, and PDF formats.

Blazor TreeGrid

Add stylesheet and script references

  • For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor file.
  • For Blazor WebAssembly App, add these to wwwroot/index.html file.
<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

  1. Register the Syncfusion® Blazor services in the Program.cs file.
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add Blazor TreeGrid component to your Razor page.
<SfTreeGrid DataSource="@TreeData" IdMapping="TaskId" ParentIdMapping="ParentId" TreeColumnIndex="1">
    <TreeGridColumns>
        <TreeGridColumn Field="TaskId" HeaderText="Task ID" Width="5" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Center"></TreeGridColumn>
        <TreeGridColumn Field="TaskName" HeaderText="Task Name" Width="30" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Center"></TreeGridColumn>
    </TreeGridColumns>
</SfTreeGrid>

@code
{
    public class BusinessObject
    {
        public int TaskId { get; set; }
        public string TaskName { get; set; }
        public int? ParentId { get; set; }
    }

    public List<BusinessObject> TreeData = new List<BusinessObject>();

    protected override void OnInitialized()
    {
        TreeData.Add(new BusinessObject() { TaskId = 1, TaskName = "Parent Task 1", ParentId = null });
        TreeData.Add(new BusinessObject() { TaskId = 2, TaskName = "Child task 1", ParentId = 1 });
        TreeData.Add(new BusinessObject() { TaskId = 3, TaskName = "Child Task 2", ParentId = 1, });
        TreeData.Add(new BusinessObject() { TaskId = 4, TaskName = "Parent Task 2", ParentId = null });
        TreeData.Add(new BusinessObject() { TaskId = 5, TaskName = "Child Task 5", ParentId = 4 });
        TreeData.Add(new BusinessObject() { TaskId = 6, TaskName = "Child Task 6", ParentId = 5 });
    }
}

Documentation

Help resources

Support and feedbacks

License

This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion®

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion® has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, WinUI, Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

No packages depend on Syncfusion.Blazor.TreeGrid.

https://blazor.syncfusion.com/documentation/release-notes/33.2.4?type=all&utm_source=nuget&utm_medium=listing

.NET 8.0

.NET 9.0

.NET 10.0

Version Downloads Last updated
33.2.10 2 06/04/2026
33.2.8 2 05/26/2026
33.2.7 2 05/26/2026
33.2.6 2 05/17/2026
33.2.5 2 05/14/2026
33.2.4 4 04/30/2026
33.2.3 4 04/27/2026
33.1.49 4 04/26/2026
33.1.47 6 04/07/2026
33.1.46 6 04/04/2026
33.1.45 6 03/26/2026
33.1.44 7 03/18/2026
32.2.9 8 03/17/2026
32.2.8 8 03/09/2026
32.2.7 8 02/27/2026
32.2.5 8 02/17/2026
32.2.4 8 02/17/2026
32.2.3 8 02/17/2026
32.1.25 8 02/17/2026
32.1.24 8 02/17/2026
32.1.23 8 02/17/2026
32.1.22 8 02/17/2026
32.1.21 8 02/17/2026
32.1.20 8 02/17/2026
32.1.19 8 02/17/2026
31.2.18 8 02/17/2026
31.2.16 8 02/17/2026
31.2.15 8 02/17/2026
31.2.12 8 02/17/2026
31.2.10 8 02/17/2026
31.2.5 8 02/17/2026
31.2.4 8 02/17/2026
31.2.3 8 02/17/2026
31.2.2 8 02/17/2026
31.1.23 8 02/17/2026
31.1.22 8 02/17/2026
31.1.21 8 02/17/2026
31.1.20 8 02/17/2026
31.1.19 8 02/17/2026
31.1.18 8 02/17/2026
31.1.17 8 02/17/2026
30.2.7 8 02/17/2026
30.2.6 8 02/17/2026
30.2.5 8 02/17/2026
30.2.4 8 02/17/2026
30.1.42 8 02/17/2026
30.1.41 8 02/17/2026
30.1.40 8 02/17/2026
30.1.39 8 02/17/2026
30.1.38 8 02/17/2026
30.1.37 8 02/17/2026
29.2.11 8 02/17/2026
29.2.10 8 02/17/2026
29.2.9 8 02/17/2026
29.2.8 8 02/17/2026
29.2.7 8 02/17/2026
29.2.5 8 02/17/2026
29.2.4 8 02/17/2026
29.1.41 8 02/17/2026
29.1.40 8 02/17/2026
29.1.39 8 02/17/2026
29.1.38 8 02/17/2026
29.1.37 8 02/17/2026
29.1.35 8 02/17/2026
29.1.33 8 02/17/2026
28.2.12 8 02/17/2026
28.2.11 8 02/17/2026
28.2.9 8 02/17/2026
28.2.7 8 02/17/2026
28.2.6 8 02/17/2026
28.2.5 8 02/17/2026
28.2.4 8 02/17/2026
28.2.3 8 02/17/2026
28.1.41 8 02/17/2026
28.1.39 8 02/17/2026
28.1.38 8 02/17/2026
28.1.37 8 02/17/2026
28.1.36 8 02/17/2026
28.1.35 8 02/17/2026
28.1.33 8 02/17/2026
27.2.5 8 02/17/2026
27.2.4 8 02/17/2026
27.2.3 8 02/17/2026
27.2.2 8 02/17/2026
27.1.58 8 02/17/2026
27.1.57 8 02/17/2026
27.1.56 8 02/17/2026
27.1.55 8 02/17/2026
27.1.53 8 02/17/2026
27.1.52 8 02/17/2026
27.1.51 8 02/17/2026
27.1.50 8 02/17/2026
27.1.48 8 02/17/2026
26.2.14 8 02/17/2026
26.2.13 8 02/17/2026
26.2.12 8 02/17/2026
26.2.11 8 02/17/2026
26.2.10 8 02/17/2026
26.2.9 8 02/17/2026
26.2.8 8 02/17/2026
26.2.7 8 02/17/2026
26.2.5 8 02/17/2026
26.2.4 8 02/17/2026
26.1.42 8 02/17/2026
26.1.41 8 02/17/2026
26.1.40 8 02/17/2026
26.1.39 8 02/17/2026
26.1.38 8 02/17/2026
26.1.35 8 02/17/2026
25.2.7 8 02/17/2026
25.2.6 8 02/17/2026
25.2.5 8 02/17/2026
25.2.4 8 02/17/2026
25.2.3 8 02/17/2026
25.1.42 8 02/17/2026
25.1.41 8 02/17/2026
25.1.40 8 02/17/2026
25.1.39 8 02/17/2026
25.1.38 8 02/17/2026
25.1.37 8 02/17/2026
25.1.35 8 02/17/2026
24.2.9 8 02/17/2026
24.2.8 8 02/17/2026
24.2.7 8 02/17/2026
24.2.6 8 02/17/2026
24.2.5 8 02/17/2026
24.2.4 8 02/17/2026
24.2.3 8 02/17/2026
24.1.47 8 02/17/2026
24.1.46 8 02/17/2026
24.1.45 8 02/17/2026
24.1.44 8 02/17/2026
24.1.43 8 02/17/2026
24.1.41 8 02/17/2026
23.2.7 8 02/17/2026
23.2.6 8 02/17/2026
23.2.5 8 02/17/2026
23.2.4 8 02/17/2026
23.1.44 8 02/17/2026
23.1.43 8 02/17/2026
23.1.42 8 02/17/2026
23.1.41 8 02/17/2026
23.1.40 8 02/17/2026
23.1.39 8 02/17/2026
23.1.38 8 02/17/2026
23.1.36 8 02/17/2026
22.2.12 8 02/17/2026
22.2.11 8 02/17/2026
22.2.10 8 02/17/2026
22.2.9 8 02/17/2026
22.2.8 8 02/17/2026
22.2.7 8 02/17/2026
22.2.5 8 02/17/2026
22.1.39 8 02/17/2026
22.1.38 8 02/17/2026
22.1.37 8 02/17/2026
22.1.36 8 02/17/2026
22.1.34 8 02/17/2026
21.2.10 8 02/17/2026
21.2.9 8 02/17/2026
21.2.8 8 02/17/2026
21.2.6 8 02/17/2026
21.2.5 8 02/17/2026
21.2.4 8 02/17/2026
21.2.3 8 02/17/2026
21.1.41 8 02/17/2026
21.1.39 8 02/17/2026
21.1.38 8 02/17/2026
21.1.37 8 02/17/2026
21.1.35 8 02/17/2026
20.4.0.54 8 02/17/2026
20.4.0.53 8 02/17/2026
20.4.0.52 8 02/17/2026
20.4.0.51 8 02/17/2026
20.4.0.50 8 02/17/2026
20.4.0.49 8 02/17/2026
20.4.0.48 8 02/17/2026
20.4.0.44 8 02/17/2026
20.4.0.43 8 02/17/2026
20.4.0.42 8 02/17/2026
20.4.0.41 8 02/17/2026
20.4.0.40 8 02/17/2026
20.4.0.38 8 02/17/2026
20.3.0.61 9 02/17/2026
20.3.0.60 8 02/17/2026
20.3.0.59 8 02/17/2026
20.3.0.58 8 02/17/2026
20.3.0.57 8 02/17/2026
20.3.0.56 8 02/17/2026
20.3.0.52 8 02/17/2026
20.3.0.50 8 02/17/2026
20.3.0.49 8 02/17/2026
20.3.0.48 8 02/17/2026
20.3.0.47 8 02/17/2026
20.2.0.50 8 02/17/2026
20.2.0.49 8 02/17/2026
20.2.0.48 8 02/17/2026
20.2.0.46 8 02/17/2026
20.2.0.45 8 02/17/2026
20.2.0.44 8 02/17/2026
20.2.0.43 8 02/17/2026
20.2.0.40 9 02/13/2026
20.2.0.39 8 02/17/2026
20.2.0.38 8 02/17/2026
20.2.0.36 8 02/17/2026
20.1.0.61 8 02/17/2026
20.1.0.60 8 02/17/2026
20.1.0.59 8 02/17/2026
20.1.0.58 8 02/17/2026
20.1.0.57 8 02/17/2026
20.1.0.56 8 02/17/2026
20.1.0.55 8 02/17/2026
20.1.0.52 8 02/17/2026
20.1.0.51 8 02/17/2026
20.1.0.50 8 02/17/2026
20.1.0.48 8 02/17/2026
20.1.0.47 8 02/17/2026
19.4.0.56 8 02/17/2026
19.4.0.55 8 02/17/2026
19.4.0.54 8 02/17/2026
19.4.0.53 8 02/17/2026
19.4.0.52 8 02/17/2026
19.4.0.50 8 02/17/2026
19.4.0.48 8 02/17/2026
19.4.0.47 8 02/17/2026
19.4.0.43 8 02/17/2026
19.4.0.42 8 02/17/2026
19.4.0.41 8 02/17/2026
19.4.0.40 8 02/17/2026
19.4.0.38 8 02/17/2026
19.3.0.59 8 02/17/2026
19.3.0.57 8 02/17/2026
19.3.0.56 8 02/17/2026
19.3.0.55 8 02/17/2026
19.3.0.54 8 02/17/2026
19.3.0.53 8 02/17/2026
19.3.0.48 8 02/17/2026
19.3.0.47 8 02/17/2026
19.3.0.46 8 02/17/2026
19.3.0.45 8 02/17/2026
19.3.0.44 8 02/17/2026
19.3.0.43 8 02/17/2026
19.2.0.62 8 02/17/2026
19.2.0.60 8 02/17/2026
19.2.0.59 8 02/17/2026
19.2.0.57 8 02/17/2026
19.2.0.56 8 02/17/2026
19.2.0.55 8 02/17/2026
19.2.0.51 8 02/17/2026
19.2.0.49 8 02/17/2026
19.2.0.48 8 02/17/2026
19.2.0.47 8 02/17/2026
19.2.0.46 8 02/17/2026
19.2.0.44 8 02/17/2026
19.1.0.69 8 02/17/2026
19.1.0.67 8 02/17/2026
19.1.0.66 8 02/17/2026
19.1.0.65 8 02/17/2026
19.1.0.64 8 02/17/2026
19.1.0.63 8 02/17/2026
19.1.0.59 8 02/17/2026
19.1.0.58 8 02/17/2026
19.1.0.57 8 02/17/2026
19.1.0.56 8 02/17/2026
19.1.0.55 8 02/17/2026
19.1.0.54 8 02/17/2026
18.4.0.49 8 02/17/2026
18.4.0.48 8 02/17/2026
18.4.0.47 8 02/17/2026
18.4.0.46 8 02/17/2026
18.4.0.44 8 02/17/2026
18.4.0.43 8 02/17/2026
18.4.0.42 8 02/17/2026
18.4.0.41 8 02/17/2026
18.4.0.39 8 02/17/2026
18.4.0.35 8 02/17/2026
18.4.0.34 8 02/17/2026
18.4.0.33 8 02/17/2026
18.4.0.32 8 02/17/2026
18.4.0.31 8 02/17/2026
18.4.0.30 8 02/17/2026