Fluid Blocks Tutorials
Back to the Tutorials index

Span a cell over multiple columns or rows

1. Drag a Table Block and set its type to 'Cell'.

2. Set the number of columns and row the cell should span to.


Note: setting a row span value higher than one causes the subsequent rows to have an extra column. To fix that use a Row Table component to ensure the require number of columns.

In the following example we set the number of columns to 2 and row span of the first cell to 3.

Apps Fluid Blocks
Slides ProSync

To ensure that the 'ProSync' breaks to the next row we use 'Table Row' components:

Apps Fluid Blocks