Make sense of your content and data structure

In-depth display options and customizable templates let you present data exactly the way you want.

Trusted by .NET teams around the world

Features

One control for flat tables and deep hierarchies.

Virtualised rendering keeps large data sets responsive, and the same control presents a plain table or a tree several levels deep without swapping to a different component.

High-performance

Optimised for responsiveness with virtualised rendering and lightweight templates.

Flat and hierarchical modes

Display structured or tabular data using a single unified control.

Rich column types

Text, template, and hierarchical expander columns give total flexibility in presentation.

Powerful sorting engine

Built-in column sorting with support for custom comparers and programmatic control.

Flexible selection behavior

Choose between cell or row selection, single or multiple, with full MVVM binding.

Custom cell templates

Render any content inside cells with XAML templates, from icons and checkboxes to fully interactive controls.

Start free trial Read the docs

WebAssembly demo

Try the Tree Data Grid in your browser

Ten thousand rows generated in front of you, virtualized and buttery in the actual control, compiled to WebAssembly.

Setup

Simple installation and implementation.

Add the package, drop the control into your view, and bind it. There is no renderer to configure and no per-platform code to write.

Start free trial Read the docs

Add the TreeDataGrid package to your project

dotnet add package Avalonia.Controls.TreeDataGrid

Include your Avalonia UI license key in the executable project file .csproj

<ItemGroup>
    <AvaloniaUILicenseKey Include="YOUR_LICENSE_KEY" />
</ItemGroup>

Add the default theme to your App.axaml

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="YourNamespace.App">
    <Application.Styles>
        <FluentTheme />
        <!-- Include the TreeDataGrid theme -->
        <StyleInclude Source="avares://Avalonia.Controls.TreeDataGrid/Themes/Fluent.axaml"/>
    </Application.Styles>
</Application>

Add the TreeDataGrid control to your view

<Window xmlns="https://github.com/avaloniaui"
        xmlns:tdg="using:Avalonia.Controls"
        Width="800" Height="600">

    <TreeDataGrid Source="{Binding Source}" />

</Window>

Define the source in your ViewModel

// Create a flat data source
var source = new FlatTreeDataGridSource<Person>(people)
{
    Columns =
    {
        new TextColumn<Person, string>("Name", x => x.Name),
        new TextColumn<Person, int>("Age", x => x.Age),
    },
};

public FlatTreeDataGridSource<Person> Source { get; } = source;

Customer stories

"Avalonia has a very strong community, and frankly is a joy to work with."

Bill Henning

CEO & Founder, Actipro Software

Pro features

Tree Data Grid is included with Pro.

One subscription carries all six premium components, 70+ chart types and the advanced tooling. Nothing on this page is a separate purchase.

Included components

Charts Rich Text Editor

Tree Data GridThis product

Markdown Viewer Media Player Virtual Keyboard

FAQ

Your questions,
answered.

Can't find what you need? We're here to help.

No. This component is part of the Avalonia Pro and Enterprise tiers. Activation requires an Avalonia account and a valid Pro or Enterprise licence.

Yes. Each component gives you a ready UI out of the box, but you can build a bespoke interface by using the underlying classes directly and wiring up your own commands and visuals.

Supported formats depend on the underlying platform. Check the component's documentation and the platform's own capability lists for specifics.

Avalonia UI components support Windows, macOS, Linux, iOS, Android, and WebAssembly. Each component uses the native platform back-end for optimal performance and compatibility.

Bring structure to your data

Try Tree Data Grid free for 30 days and present hierarchical data exactly the way you want. Customizable templates and in-depth display options handle large data sets without giving up performance.

Start free trial