Syncfusion Blazor Treegrid

This implements the Syncfusion Blazor TreeGrid component for rendering hierarchical data with expandable parent-child rows in a table format. You'd reach for this when building organizational charts, task hierarchies, or any nested data structure that needs grid features like sorting, filtering, and editing. It handles both self-referential flat data (using IdMapping/ParentIdMapping) and nested child collections, and includes GraphQL binding support through GraphQLAdaptor. The skill enforces strict API accuracy with mandatory event name verification against reference files, which matters because common event names like OnSortChange don't actually exist. It also addresses the namespace ambiguity between Syncfusion.Blazor.TreeGrid and Syncfusion.Blazor.Grids that causes CS0104 errors if you're not careful with type qualifications.

skills.sh installs: 382
GitHub stars: 4
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-treegrid --agent claude-code

Installs into .claude/skills of the current project.

Files

Implementing Syncfusion Blazor TreeGrid

The Syncfusion Blazor TreeGrid (SfTreeGrid<TValue>) renders hierarchical data in a tabular format with expand/collapse rows. It supports self-referential flat data (IdMapping/ParentIdMapping) and nested child collections, combined with a full suite of grid features including editing, filtering, sorting, virtualization, and export.

When to Use This Skill

User needs a hierarchical/tree-structured data table in a Blazor app
User mentions SfTreeGrid, TreeGrid, IdMapping, ParentIdMapping
User needs parent-child rows with expand/collapse in a grid
User needs CRUD operations on tree-structured data
User needs to export, filter, sort, or page hierarchical data
User needs to bind TreeGrid to a GraphQL API using GraphQLAdaptor
User is working with organizational charts, task hierarchies, bill of materials, file explorer-style data in grid form
User migrating from flat DataGrid to hierarchical TreeGrid
User setting up TreeGrid in a Blazor Web App, WASM, Server, or MAUI project

SKILL.md on GitHub

Details

Repository: github.com/syncfusion/blazor-ui-components-skills
Categories: Frontend Development, Backend & APIs, Mobile Development, .NET & C#
First seen: Jun 3, 2026