DxTreeList.GridlinesVisible Property

Specifies gridline visibility.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.Grid.v26.1.dll

Declaration

[DefaultValue(TreeListGridlines.All)]
[Parameter]
public TreeListGridlines GridlinesVisible { get; set; }

Property Value

Type	Default	Description
TreeListGridlines	All	An enumeration value.

Available values:

Name	Description
None	All gridlines are invisible.
Horizontal	Horizontal gridlines are visible.
Vertical	Vertical gridlines are visible.
Outside	Component borders are visible.
All	All gridlines are visible.

Remarks

Use the GridLinesVisible property to specify visible gridlines. You can use bitwise logical operators to combine TreeListGridlines values as needed. Refer to Microsoft documentation for additional information: Enumeration types as bit flags.

Regardless of the specified values, the TreeList component may display gridlines to improve readability. These cases include:

Grid Element	Visible Lines
Fixed rows/columns	Corresponding horizontal/vertical lines
Filter row	Horizontal lines
Header bands	Horizontal and vertical lines
Total summary	Horizontal line atop the summary item

The following example hides horizontal lines:

<DxTreeList Data="TreeListData"
            KeyFieldName="ID"
            ParentKeyFieldName="RegionID"
            GridlinesVisible="TreeListGridlines.Vertical | TreeListGridlines.Outside">
    <Columns>
        <DxTreeListCommandColumn Width="150px" />
        <DxTreeListDataColumn FieldName="Region" />
        <DxTreeListDataColumn FieldName="MarchSales" DisplayFormat="c0" />
        <DxTreeListDataColumn FieldName="SeptemberSales" DisplayFormat="c0" />
        <DxTreeListDataColumn FieldName="MarchChange" DisplayFormat="p2" />
        <DxTreeListDataColumn FieldName="SeptemberChange" DisplayFormat="p2" />
        <DxTreeListDataColumn FieldName="MarketShare" DisplayFormat="p0" />
    </Columns>
</DxTreeList>

Implements

GridlinesVisible