Back to Devexpress

DxGridLayoutItem.ColumnSpan Property

blazor-devexpress-dot-blazor-dot-dxgridlayoutitem-30f735b2.md

latest1.3 KB
Original Source

DxGridLayoutItem.ColumnSpan Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Int321

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.

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

Run Demo

See Also

DxGridLayoutItem Class

DxGridLayoutItem Members

DevExpress.Blazor Namespace