Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxTreeListColumn.MinWidth Property

Specifies a column’s minimum width in pixels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(50)]
[Parameter]
public int MinWidth { get; set; }

#Property Value

Type Default Description
Int32 50

A column’s minimum width in pixels.

#Remarks

If you do not specify a column’s Width property explicitly, its value is automatically calculated based on the TreeList’s total width, other column widths, borders, and cell spacing. For more information on how this algorithm works in different scenarios, refer to the following topic: Column Layout Specifics in Blazor TreeList.

The TreeList component can automatically collapse columns with unspecified widths if there is not enough space to display all columns. To prevent a column from collapsing, set its MinWidth property to a non-zero value.

Razor
<style>
    .my-treelist{
        width: 700px;
    }
</style>

<DxTreeList Data="TreeListData" KeyFieldName="Id" ParentKeyFieldName="ParentId" CssClass="my-treelist">
    <Columns>
        <DxTreeListDataColumn FieldName="Name" Caption="Task" Width="400px" />
        <DxTreeListDataColumn FieldName="EmployeeName" Width="200px" />
        <DxTreeListDataColumn FieldName="StartDate" Width="100px" />
        <DxTreeListDataColumn FieldName="DueDate" MinWidth="100" />
    </Columns>
</DxTreeList>

@code {
    List<EmployeeTask> TreeListData { get; set; }

    protected override void OnInitialized() {
        TreeListData = EmployeeTaskService.GenerateData();
    }
}

TreeList Layout Specifics - Minimum Width is Specified

Set a column’s MinWidth property to 0 to collapse the column when there is not enough space to display it.

Razor
<style>
    .my-treelist{
        width: 700px;
    }
</style>

<DxTreeList Data="TreeListData" KeyFieldName="Id" ParentKeyFieldName="ParentId" CssClass="my-treelist">
    <Columns>
        <DxTreeListDataColumn FieldName="Name" Caption="Task" Width="400px" />
        <DxTreeListDataColumn FieldName="EmployeeName" Width="200px" />
        <DxTreeListDataColumn FieldName="StartDate" Width="100px" />
        <DxTreeListDataColumn FieldName="DueDate" MinWidth="0" />
    </Columns>
</DxTreeList>

@code {
    List<EmployeeTask> TreeListData { get; set; }

    protected override void OnInitialized() {
        TreeListData = EmployeeTaskService.GenerateData();
    }
}

TreeList Layout Specifics - Minimum Width is Set to Zero

#Implements

See Also