Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxGridLayoutItem.ColumnSpan Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

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

Run Demo Watch Video

See Also