Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Merge grid columns

Tags:

Hi I've been searching for a solution with no success ...

I want a grid that resembles:

+-------+----------------+ |       |                | +-------+----------------+ |                        | |                        | |                        | +-------+----------------+ |       |                |         +-------+----------------+ 

Thank you in advance!

like image 1000
C1rdec Avatar asked May 21 '14 17:05

C1rdec


People also ask

How do I merge rows in grid?

To enable cell merging, set the allowMerging property to indicate what part or parts of the grid you want to merge, and set the allowMerging property on specific rows and columns to true. Once you do that, the grid will merges cells that have the same content, grouping the data visually.

Which property you will use to merge cells vertically in grid?

CSS grid-column property.


1 Answers

It looks like a 3-row, 2-column Grid with proportional sizes:

<Grid>     <Grid.RowDefinitions>         <RowDefinition Height="*" />         <RowDefinition Height="2*" />         <RowDefinition Height="*" />     </Grid.RowDefinitions>     <Grid.ColumnDefinitions>         <ColumnDefinition Width="*" />         <ColumnDefinition Width="3*" />     </Grid.ColumnDefinitions> </Grid> 

The 5 cells would be like:

  • Top-left: Grid.Column="0", Grid.Row="0"
  • Top-right: Grid.Column="1", Grid.Row="0"
  • Center: Grid.Column="0", Grid.Row="1", Grid.ColumnSpan="2"
  • Bottom-left: Grid.Column="0", Grid.Row="2"
  • Bottom-right: Grid.Column="1", Grid.Row="2"
like image 191
McGarnagle Avatar answered Sep 30 '22 19:09

McGarnagle