Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

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
Sign in to Comment

Related questions

Add Secure and httpOnly Flags to Every Set-Cookie Response in Apache httpd
Undefined symbols for architecture when add adMob
Using threads to update UI with Swift
UIRefreshControl endRefreshing is not smooth
How to change the button color when it is active using bootstrap?
Cannot Resolve Symbol Google API Client in Android Studio
Check if a string contains at least a upperCase letter, a digit, or a special character in Swift?
Error python : [ZeroDivisionError: division by zero]
TypeError: get_params() missing 1 required positional argument: 'self'
iOS 8: Launch Screen StoryBoard appears black [single XIB file works fine]
JavaScript - Converting a Date() into seconds [duplicate]
What's the difference between cachePrepStmts and useServerPrepStmts in MySQL JDBC Driver

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!