Skip to main content
All docs
V25.1
  • DxTreeListBandColumn.Columns Property

    Allows you to add child columns to a band.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public RenderFragment Columns { get; set; }

    Property Value

    Type Description
    RenderFragment

    Markup of child columns.

    Remarks

    The following code snippet declares child columns for Sales and Year-Over-Year Comparison bands:

    Multi-level headers

    <DxTreeList Data="TreeListData" KeyFieldName="ID" ParentKeyFieldName="RegionID">
        <Columns>
            <DxTreeListBandColumn Caption="Sales">
                <Columns>
                    <DxTreeListDataColumn FieldName="Region" />
                    <DxTreeListDataColumn FieldName="MarchSales" Caption="March" DisplayFormat="c0" />
                    <DxTreeListDataColumn FieldName="SeptemberSales" Caption="September" DisplayFormat="c0" />
                </Columns>
            </DxTreeListBandColumn>
            <DxTreeListBandColumn Caption="Year-Over-Year Comparison">
                <Columns>
                    <DxTreeListDataColumn FieldName="MarchChange" Caption="March" DisplayFormat="p2" />
                    <DxTreeListDataColumn FieldName="SeptemberChange" Caption="September" DisplayFormat="p2" />
                </Columns>
            </DxTreeListBandColumn>
            <DxTreeListDataColumn FieldName="MarketShare" DisplayFormat="p0" />
        </Columns>
    </DxTreeList>
    
    @code {
        object TreeListData { get; set; }
        protected override void OnInitialized() {
            TreeListData = SalesByRegionDataProvider.GenerateData();
        }
    }
    

    Run Demo: TreeList - Header Bands

    See Also