Tables with cells spanning multiple rows/columns Page © RenderX 2000 XSL Formatting Objects Test Suite Tables with cells spanning multiple rows/columns This table has six columns and five rows. In each row, there are only two cells: the left one spans the number of columns equal to the row number, and the right one spans throughout the rest of the table columns. All left cells are red, and all right cells are blue. The whole thing should look like a rectangle split by a diagonal line from NW to SE; the SW triangle is red and the NE triangle is blue. 1 to 1 2 to 6 1 to 2 3 to 6 1 to 3 4 to 6 1 to 4 5 to 6 1 to 5 6 to 6 Same as above, but an extra yellow cell is inserted between the red and the blue ones in the row. The table thus becomes 7 columns wide. The width of these added cells is set to 24 points; therefore, the first and the last column in the table should expand to absorb the rest of the page width. 1 - 1 2 3 - 7 1 - 2 3 4 - 7 1 - 3 4 5 - 7 1 - 4 5 6 - 7 1 - 5 6 7 - 7 Same as above, but instead of a yellow cell, the two cells in each row are separated by blank space (no cell occupies it). The gray background of the table should be visible in those places. The cells are positioned using column-number attribute. 1 - 1 3 - 7 1 - 2 4 - 7 1 - 3 5 - 7 1 - 4 6 - 7 1 - 5 7 - 7 This table has six rows and five columns. In each column, there are only two cells: the upper spans the number of rows equal to the column number, and the lower spans throughout the rest of the table rows. All top cells are red, and all bottom cells are blue. The whole thing should look similar to the first example rotated 90 grad. All column widths are set to 48 points. 1 - 1 1 - 2 1 - 3 1 - 4 1 - 5 2 - 6 3 - 6 4 - 6 5 - 6 6 - 6 Same as above except that the lower cell in each column spans the number of rows equal to the column number, and the upper spans throughout the rest of the table rows. Should look like the previous example, but with the diagonal line directed from SW to NE. 1 - 5 1 - 4 1 - 3 1 - 2 1 - 1 2 - 6 3 - 6 4 - 6 5 - 6 6 - 6 The next table looks like a previous one with an extra yellow cell inserted between the red and the blue ones in the column. The table thus becomes 7 rows long. 1 - 5 1 - 4 1 - 3 1 - 2 1 - 1 2 3 3 - 7 4 4 - 7 5 5 - 7 6 6 - 7 7 - 7 Same as above, but instead of a yellow cell, the two cells in each column are separated by blank space (no cell occupies it). The cells are positioned using column-number attribute. 1 - 5 1 - 4 1 - 3 1 - 2 1 - 1 3 - 7 4 - 7 5 - 7 6 - 7 7 - 7 The next table is 7 x 7. It should look like this: -first/last column and first/last row are occupied by singleton (1 x 1) cells with blue background, forming a blue border around the table; -inside it, four red cells (two 3 x 2 and two 2 x 3) are located that occupy all space except for the central grid unit; -the cell [4:4] in the very center is left blank (not present in the table); its color is determined by the table background and should be light gray. 1:1 1:2 1:3 1:4 1:5 1:6 1:7 2:1 2:2 to 3:4 2:5 to 4:6 2:7 3:1 3:7 4:1 4:2 to 6:3 4:7 5:1 5:4 to 6:6 5:7 6:1 6:7 7:1 7:2 7:3 7:4 7:5 7:6 7:7