Spanning Rows and Columns

Tables can have cells that span multiple rows or columns using colspan and rowspan attributes.

Column Spanning

The colspan attribute:

• Merges cells horizontally
• Value is number of columns to span

Row Spanning

The rowspan attribute:

• Merges cells vertically
• Value is number of rows to span

Combined Spanning

Cells can span both rows and columns simultaneously.

Schedule Table Example

Invoice Layout

Planning Your Spans

Tips for complex tables:

1. Draw the table on paper first
2. Count columns carefully
3. Note where spans begin
4. Test in browser frequently

Exercise: Create Spanning Table

Create a table with column and row spanning:

Spanning allows complex table layouts while maintaining semantic structure!