Web Programming with HTML5, CSS, and JavaScript

5.6 Cell Spanning

So far, all of our data table examples have used a standard grid pattern, with one cell for each row-column intersection. But sometimes data tables will have cells that span more than one of the intersections in a standard grid. For example, see the My Favorite Eras table in FIGURE 5.9. We implemented it using a table element with six rows and three columns. The Events cell at the top is a merged version of two cells in the first row. The Mesozoic cell at the left is a merged version of two cells in the first column. Below the Mesozoic cell, the Cenozoic cell is a merged version of the next three cells in the first column.

FIGURE 5.9 My Favorite Eras web page

If you want to create a merged cell that spans more than one ...