DxGridLayoutItem.ColumnSpan Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(1)]
[Parameter]
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">
            <Template>
                <div>
                    Content
                </div>
            </Template>
        </DxGridLayoutItem>
        ...
    </Items>
</DxGridLayout>            

Run Demo Watch Video