如何联合Grid的行或列

Question

I have grid container. Grid has cells. I need unite some cells in the grid. How can achive it?

The above image shows where I want to add cells.

Answer 1

if you want to merge all cells in individual rows you can use colunnSpan.. something like this

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.Column="2" Grid.ColumnSpan="2"></Button>
    </Grid>

Answer 2

You cannot merge the cells but you can have the item in a cell span multiple adjacent cells.

<TextBox Grid.RowSpan="2"/>

This will allow the text box to expand to the cell below the current cell.

Similarly there is a ColSpan property to stretch to other columns.