rowspan-table.html 913 Bytes
Newer Older
1
2
3
4
5
6
7
8
<!DOCTYPE html PUBLIC>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>rowspan-table</title>
	<script src="../../../dist/paged.polyfill.js"></script>
	<style>
		@page {
9
			size: 600px 300px;
10
11
12
13
14
15
16
17
18
19
20
21
22
23
			border: 1px solid #cfc2c2;
		}

		table {
			border-collapse: collapse;
		}

		table, th, td {
			border: 1px solid black;
		}

		tr, td {
			break-inside: avoid;
		}
24
	</style>
25
26
27
28
29
</head>
<body>
<table>
	<tbody>
	<tr>
30
		<td rowspan="4">1.1</td>
31
32
		<td rowspan="4">This is a long description</td>
		<td>First row, third column</td>
33
34
35
		<td rowspan="4">1.4</td>
		<td>First row, fifth column</td>
		<td rowspan="4">1.6</td>
36
37
38
	</tr>
	<tr>
		<td>Second row, third column</td>
39
		<td>Second row, fifth column</td>
40
41
42
	</tr>
	<tr>
		<td>Third row, third column</td>
43
		<td>Third row, fifth column</td>
44
45
46
	</tr>
	<tr>
		<td>Fourth row, third column</td>
47
		<td>Fourth row, fifth column</td>
48
49
50
51
52
	</tr>
	</tbody>
</table>
</body>
</html>