Grid — один из основных контейнеров, позволяющий создавать таблицы.
Внутри ячеек таблицы можно распологать любые элементы.
RowDefinitions — свойство для определения строк
ColumnDefinitions — свойство для определения столбцов
Таблица 3х3 будет выглядеть так:
<Grid>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
</Grid>
Чтобы установить элемент в определенную ячейку таблицы нужно прописать свойства Grid.Column и Grid.Row. Чтобы объеденить несколько ячеек, нужно использовать свойства Grid.ColumnSpan и GridRowSpan:
<Grid>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Grid.Column="0" Grid.Row="0" Content="first column, first row"/>
<Button Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Content="two cells"/>
<Button Grid.Column="1" Grid.Row="2" Content="second colunn, third row"/>
</Grid>
В итоге, должно получиться так:
