DxGridLayoutItem.ColumnSpan Property

Specifies the number of columns the grid layout’s item occupies.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
[DefaultValue(1)]
public int ColumnSpan { get; set; }

Property Value

Type Default Description
Int32

1

The number of columns.

Remarks

A grid layout’s item can span multiple rows and columns. Use the ColumnSpan property to specify how many columns the item occupies.

<DxGridLayout>
    <Items>
        <DxGridLayoutItem Row="0" Column="0" ColumnSpan="3">
            <div>
                Content
            </div>
        </DxGridLayoutItem>
        ...
    </Items>
</DxGridLayout>            

Run Demo Watch Video

See Also