DxGrid.GridlinesVisible Property

Specifies gridline visibility.

Namespace: DevExpress.Blazor

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

Declaration

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

Property Value

Type	Default	Description
Gridlines	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 Gridlines values as needed. Refer to Microsoft documentation for additional information: Enumeration types as bit flags.

Regardless of the specified values, the Grid 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
Master-detail view	Horizontal lines
Preview row	Horizontal lines
Group summary	Horizontal line atop the summary item
Total summary	Horizontal line atop the summary item
Pager area	Horizontal line atop the area

The following example hides vertical lines:

<DxGrid Data="Products"
        GridlinesVisible="Gridlines.Horizontal | Gridlines.Outside">
    <Columns>
        <DxGridCommandColumn DeleteButtonVisible="false" Width="15%" />
        <DxGridDataColumn FieldName="ProductName" Width="25%" />
        <DxGridDataColumn FieldName="CategoryId" Caption="Category Name" Width="10%" />
        <DxGridDataColumn FieldName="UnitPrice" DisplayFormat="c" Width="10%" />
        <DxGridDataColumn FieldName="UnitsInStock" />
        <DxGridDataColumn FieldName="QuantityPerUnit" Width="15%" />   
        <DxGridDataColumn FieldName="Discontinued" />
    </Columns>
</DxGrid>

Implements

GridlinesVisible