Grid can contain elements of any size:
Grid can contain graphics or any other expressions:
Grid can contain active controls:
Create a grid with a single row:
Grid can be used to format grids with no rows, empty rows, or ragged rows:
Put a frame around the whole grid:
Put a frame around every element:
Draw all the frames in red:
Put a frame around the first row and column:
Draw different frames with different styles:
Put dividers at all horizontal positions:
Put dividers at all vertical positions:
Put dividers at the third horizontal and second vertical positions:
Make the element 4 span the column to its right:
Make it span three columns:
Make the element 2 span the row below it:
Make it span three rows:
Span throughout a 2×2 block:
Align contents to the left:
Align contents to the right:
Draw the grid with a pink background:
A pink background for the column at the first horizontal position:
Alternating pink and yellow at successive horizontal positions:
Alternating pink and yellow at successive vertical positions:
Make the grid contents red:
Embed styling options with a particular grid item:
Make each row and column just big enough to fit the items they contain:
Leave the same amount of space for all items:
Set the horizontal spacing between items:
Set the horizontal and vertical spacings:
Grids can be nested: