Table: <TH> & <TD> ROWSPAN
Test Instructions:
Test Case #1 | table with header cells spanning multiple rows |
Test Case #2 | table with data cells spanning multiple rows |
Test Case #3 | table with nested header & data cells spanning multiple rows |
Test Case #1: table with header cells spanning multiple rows (using <TH ROWSPAN=integer value> tag) |
---|
In the following sample table you should see that the ROWSPAN attribute applies an integer value equal to the number of rows the HEADER cell is to span. This tells the browser to make the table header cell occupy the same vertical space as the integer number of cells specified in rows above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space. |
Header 1 span=2 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
---|---|---|---|---|---|---|---|---|---|
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Header 2 span=5 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Header 3 span=3 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
Test Case #2: table with data cells spanning multiple rows (using <TD ROWSPAN=integer value> tag) |
---|
In the following sample table you should see that the ROWSPAN attribute applies an integer value equal to the number of rows the DATA cell is to span. This tells the browser to make the table data cell occupy the same vertical space as the integer number of cells specified in rows above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space. |
Head | Data 1 span=2 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
---|---|---|---|---|---|---|---|---|---|---|
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | Data 2 span=5 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | Data 3 span=3 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
Head | col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
Test Case #3: table with nested header & data cells spanning multiple rows (using <TH ROWSPAN=integer value> <TD ROWSPAN=integer value> tag) |
---|
Header 1 span=7 rows | Data 1 span=2 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
---|---|---|---|---|---|---|---|---|---|---|
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
Data 2 span=5 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
Header 2 span=3 rows | Data 3 span=3 rows |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 | ||
col 1 | col 2 | col 3 | col 4 | col 5 | col 6 | col 7 | col 8 | col 9 |