Back to Devexpress

DxTreeListBandColumn.Columns Property

blazor-devexpress-dot-blazor-dot-dxtreelistbandcolumn.md

latest2.2 KB
Original Source

DxTreeListBandColumn.Columns Property

Allows you to add child columns to a band.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDescription
RenderFragment

Markup of child columns.

|

Remarks

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

razor
<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

DxTreeListBandColumn Class

DxTreeListBandColumn Members

DevExpress.Blazor Namespace