TreeListView in Avalonia

[ShrutiJaiswal1494]

I need to create a TreeView that shows data like a DataGrid such that I have a TreeView at left side with columns at right side. I see in WPF we can achieve this using a TreeListView. Is something like this available for avalonia?

[Gramli]

Did you tried create custom TreeDataTemplate?

Something like this:

  <TreeView Items="{Binding Items}">
        <TreeView.DataTemplates>
        <TreeDataTemplate ItemsSource="{Binding SubItems}">
          <Grid>
            <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding Name}" Grid.Column="0"/>
                <TextBlock Text="{Binding Text}" Grid.Column="1"/>
            </Grid>
        </TreeDataTemplate>
    </TreeView.DataTemplates>
</TreeView>

And then result is:

[ShrutiJaiswal1494]

Thanks for the response. I am currently using this structure only but the problem is the entire row shifts to left for each level. However I do not want the values on the second column to shift with each level and should appear in a single line (something like the image below). Is there any workaround for this?

[Gramli]

Hope I understand, you can set Column.Width, then the second, third .. columns will be aligned.

      <TreeView Items="{Binding Items}">
        <TreeView.DataTemplates>
          <TreeDataTemplate DataType="models:Item" ItemsSource="{Binding SubItems}">
            <Grid>
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition Width="200"/>
              </Grid.ColumnDefinitions>
              <TextBlock Text="{Binding Name}" Grid.Column="0"/>
              <TextBlock Text="{Binding Type}" Grid.Column="1"/>
              <TextBlock Text="{Binding Data}" Grid.Column="2"/>
            </Grid>
          </TreeDataTemplate>
        </TreeView.DataTemplates>
  </TreeView>