@using Syncfusion.Blazor.TreeGrid;
<SfTreeGrid ChildMapping="Items" TreeColumnIndex="1" DataSource="@TreeData" TValue="treeitem" EnableCollapseAll="true">
<TreeGridColumns>
<TreeGridColumn Field="ID" HeaderText="ID" Width="160" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right"></TreeGridColumn>
<TreeGridColumn Field="OrderDate" HeaderText="Order Date" Width="160" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right"></TreeGridColumn>
<TreeGridColumn Field="SaleName" HeaderText="Sale Name" Width="100"></TreeGridColumn>
<TreeGridColumn Field="NailCount" HeaderText="Nail Count" Width="100" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right"></TreeGridColumn>
<TreeGridColumn Field="NailStripName" HeaderText="Nail Strip" Width="80"></TreeGridColumn>
<TreeGridColumn Field="NailQty" HeaderText="Quanty" Width="100" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right"></TreeGridColumn>
</TreeGridColumns>
</SfTreeGrid>
@code{
public class treeitem
{
public string ID { get; set; }
public DateTime OrderDate { get; set; }
public string SaleName { get; set; }
public int NailCount { get; set; }
public string NailStripName { get; set; }
public int NailQty { get; set; }
public List<treeitem> Items;
}
public List<treeitem> TreeData = new List<treeitem>();
protected override void OnInitialized()
{
treeitem Order1 = new treeitem() { ID = "Order1", OrderDate = new DateTime(2021, 2, 1), NailCount = 2, Items = new List<treeitem>() };
treeitem Order2 = new treeitem() { ID = "Order2", OrderDate = new DateTime(2021, 2, 10), NailCount = 0, Items = new List<treeitem>() };
treeitem Order1Item1 = new treeitem() { ID = "Order1Item1", NailStripName = "A-Lister", NailQty = 3 };
treeitem Order1Item2 = new treeitem() { ID = "Order1Item2", NailStripName = "xyzzy", NailQty = 5 };
Order1.Items.Add(Order1Item1);
Order1.Items.Add(Order1Item2);
TreeData.Add(Order1);
TreeData.Add(Order2);
}
}