OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Table rowspan</title> | 4 <title>Table rowspan</title> |
5 <script src="../../resources/check-layout.js"></script> | 5 <script src="../../resources/check-layout.js"></script> |
6 <style> | 6 <style> |
7 td { font: 15px/1 Ahem } | 7 td { font: 15px/1 Ahem } |
8 #div-table { display: table; border-spacing: 2px } | 8 #div-table { display: table; border-spacing: 2px } |
9 #div-row, #span-row { display: table-row } | 9 #div-row, #span-row { display: table-row } |
10 #div-cell, #span-cell { display: table-cell } | 10 #div-cell, #span-cell { display: table-cell } |
11 #div-table, #div-row, #span-row, #div-cell, #span-cell{ border: 1px solid bl
ack } | 11 #div-table, #div-row, #span-row, #div-cell, #span-cell{ border: 1px solid bl
ack } |
12 </style> | 12 </style> |
13 </head> | 13 </head> |
14 <body onload="checkLayout('tr')"> | 14 <body onload="checkLayout('tr')"> |
15 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d
etail?id=254914">254914</a>. Height of fixed height cell is not proper when cell
's row is under row spanning cell.</h3> | 15 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d
etail?id=249600">249600</a>. Extra logical height is not properly spread over th
e rows in a row-spanning cell.</h3> |
16 <h4>Rows in rowspan should get proportional height.</h4> | 16 <h4>Rows in rowspan should get proportional height.</h4> |
17 <h5>Test 1 - One rowSpan cell</h5> | 17 <h5>Test 1 - Three rowSpan cells</h5> |
18 <table border="1"> | 18 <table border="1"> |
19 <tbody> | 19 <tbody> |
20 <tr> | 20 <tr> |
21 <td>row0 col0</td> | 21 <td>row0 col0</td> |
22 </tr> | 22 </tr> |
23 <tr data-expected-height="19"> | 23 <tr data-expected-height="19"> |
24 <td rowspan="4">row1 col0 - rowspan=4</td> | 24 <td rowspan="4">row1 col0 - rowspan=4</td> |
25 <td>row1 col1</td> | 25 <td>row1 col1</td> |
26 </tr> | 26 </tr> |
27 <tr data-expected-height="19"> | 27 <tr data-expected-height="19"> |
28 <td>row2 col1</td> | 28 <td>row2 col1</td> |
29 </tr> | 29 </tr> |
30 <tr data-expected-height="19"> | 30 <tr data-expected-height="19"> |
31 <td>row3 col1</td> | 31 <td>row3 col1</td> |
32 </tr> | 32 </tr> |
33 <tr data-expected-height="19"> | 33 <tr data-expected-height="19"> |
34 <td>row4 col1</td> | 34 <td>row4 col1</td> |
35 </tr> | 35 </tr> |
36 <tr data-expected-height="19"> | 36 <tr data-expected-height="19"> |
37 <td>row5 col0</td> | 37 <td>row5 col0</td> |
38 </tr> | 38 </tr> |
| 39 <tr> |
| 40 <td>row6 col0</td> |
| 41 </tr> |
| 42 <tr data-expected-height="57"> |
| 43 <td>row7 col0</td> |
| 44 <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 45 </tr> |
| 46 <tr data-expected-height="57"> |
| 47 <td>row8 col0</td> |
| 48 </tr> |
| 49 <tr data-expected-height="74"> |
| 50 <td>row9 col0</td> |
| 51 </tr> |
| 52 <tr data-expected-height="75"> |
| 53 <td>row10 col0</td> |
| 54 </tr> |
| 55 <tr data-expected-height="19"> |
| 56 <td>row11 col0</td> |
| 57 <td>row11 col1</td> |
| 58 </tr> |
| 59 <tr> |
| 60 <td>row12 col0</td> |
| 61 </tr> |
| 62 <tr data-expected-height="59"> |
| 63 <td>row13 col0</td> |
| 64 <td rowspan="4" style="height:300px">row13 col1 - rowspan=4</td> |
| 65 </tr> |
| 66 <tr data-expected-height="74"> |
| 67 <td style="height:70px">row14 col0</td> |
| 68 </tr> |
| 69 <tr data-expected-height="34"> |
| 70 <td style="height:30px">row15 col0</td> |
| 71 </tr> |
| 72 <tr data-expected-height="104"> |
| 73 <td style="height:100px">row16 col0</td> |
| 74 </tr> |
| 75 <tr data-expected-height="54"> |
| 76 <td style="height:50px">row17 col0</td> |
| 77 <td>row17 col1</td> |
| 78 </tr> |
39 </tbody> | 79 </tbody> |
40 </table> | 80 </table> |
41 <h5>Test 2 - One rowSpan cell and specified table width</h5> | 81 <h5>Test 2 - Three rowSpan cell and specified table width</h5> |
42 <table border="1" width="607"> | 82 <table border="1" width="607"> |
43 <tbody> | 83 <tbody> |
44 <tr data-expected-height="19"> | 84 <tr data-expected-height="19"> |
45 <td rowspan="5">row0 col0 - rowspan=5</td> | 85 <td rowspan="5">row0 col0 - rowspan=5</td> |
46 <td>row0 col1</td> | 86 <td>row0 col1</td> |
47 </tr> | 87 </tr> |
48 <tr data-expected-height="19"> | 88 <tr data-expected-height="19"> |
49 <td>row1 col1</td> | 89 <td>row1 col1</td> |
50 </tr> | 90 </tr> |
51 <tr data-expected-height="19"> | 91 <tr data-expected-height="19"> |
52 <td>row2 col1</td> | 92 <td>row2 col1</td> |
53 </tr> | 93 </tr> |
54 <tr data-expected-height="19"> | 94 <tr data-expected-height="19"> |
55 <td>row3 col1</td> | 95 <td>row3 col1</td> |
56 </tr> | 96 </tr> |
57 <tr data-expected-height="19"> | 97 <tr data-expected-height="19"> |
58 <td>row4 col1</td> | 98 <td>row4 col1</td> |
59 </tr> | 99 </tr> |
60 </tbody> | |
61 </table> | |
62 <h5>Test 3 - One rowSpan cell and specified rowSpan cell height</h5> | |
63 <table border="1"> | |
64 <tbody> | |
65 <tr> | 100 <tr> |
66 <td>row0 col0</td> | 101 <td>row5 col0</td> |
67 </tr> | 102 </tr> |
68 <tr data-expected-height="57"> | 103 <tr data-expected-height="57"> |
69 » <td>row1 col0</td> | 104 » <td>row6 col0</td> |
70 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 105 » <td rowspan="4" style="height:300px">row6 col1 - rowspan=4</td> |
71 </tr> | 106 </tr> |
72 <tr data-expected-height="57"> | 107 <tr data-expected-height="57"> |
73 <td>row2 col0</td> | 108 <td>row7 col0</td> |
74 </tr> | 109 </tr> |
75 <tr data-expected-height="74"> | 110 <tr data-expected-height="74"> |
76 <td>row3 col0</td> | 111 <td>row8 col0</td> |
77 </tr> | 112 </tr> |
78 <tr data-expected-height="75"> | 113 <tr data-expected-height="75"> |
79 <td>row4 col0</td> | 114 <td>row9 col0</td> |
80 </tr> | 115 </tr> |
81 <tr data-expected-height="19"> | 116 <tr data-expected-height="19"> |
82 <td>row5 col0</td> | 117 <td>row10 col0</td> |
83 <td>row5 col1</td> | 118 <td>row10 col1</td> |
| 119 </tr> |
| 120 <tr> |
| 121 <td>row11 col0</td> |
| 122 </tr> |
| 123 <tr data-expected-height="59"> |
| 124 » <td>row12 col0</td> |
| 125 » <td rowspan="4" style="height:300px">row12 col1 - rowspan=4</td> |
| 126 » </tr> |
| 127 <tr data-expected-height="74"> |
| 128 <td style="height:70px">row13 col0</td> |
| 129 </tr> |
| 130 <tr data-expected-height="34"> |
| 131 <td style="height:30px">row14 col0</td> |
| 132 </tr> |
| 133 <tr data-expected-height="104"> |
| 134 <td style="height:100px">row15 col0</td> |
| 135 </tr> |
| 136 <tr data-expected-height="54"> |
| 137 <td style="height:50px">row16 col0</td> |
| 138 <td>row16 col1</td> |
84 </tr> | 139 </tr> |
85 </tbody> | 140 </tbody> |
86 </table> | 141 </table> |
87 <h5>Test 4 - One rowSpan cell and one cell have fixed height.</h5> | 142 <h5>Test 3 - Continuous 3 rowSpan cells</h5> |
88 <table border="1"> | |
89 <tbody> | |
90 <tr> | |
91 <td>row0 col0</td> | |
92 </tr> | |
93 <tr data-expected-height="60"> | |
94 » <td>row1 col0</td> | |
95 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | |
96 » </tr> | |
97 <tr data-expected-height="60"> | |
98 <td>row2 col0</td> | |
99 </tr> | |
100 <tr data-expected-height="44"> | |
101 <td style="height:40px">row3 col0 height=40px</td> | |
102 </tr> | |
103 <tr data-expected-height="85"> | |
104 <td>row4 col0</td> | |
105 </tr> | |
106 <tr data-expected-height="19"> | |
107 <td>row5 col0</td> | |
108 <td>row5 col1</td> | |
109 </tr> | |
110 </tbody> | |
111 </table> | |
112 <h5>Test 5 - One rowSpan cell and one cell have percent height.</h5> | |
113 <table border="1"> | |
114 <tbody> | |
115 <tr> | |
116 <td>row0 col0</td> | |
117 </tr> | |
118 <tr data-expected-height="23"> | |
119 » <td>row1 col0</td> | |
120 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | |
121 » </tr> | |
122 <tr data-expected-height="183"> | |
123 <td style="height:40%">row2 col0 height=40%</td> | |
124 </tr> | |
125 <tr data-expected-height="41"> | |
126 <td>row3 col0</td> | |
127 </tr> | |
128 <tr data-expected-height="47"> | |
129 <td>row4 col0</td> | |
130 </tr> | |
131 <tr data-expected-height="19"> | |
132 <td>row5 col0</td> | |
133 <td>row5 col1</td> | |
134 </tr> | |
135 </tbody> | |
136 </table> | |
137 <h5>Test 6 - One rowSpan cell, one cell have percent height and another one cell
have fixed height.</h5> | |
138 <table border="1"> | 143 <table border="1"> |
139 <tbody> | 144 <tbody> |
140 <tr> | 145 <tr> |
141 <td>row0 col0</td> | 146 <td>row0 col0</td> |
142 </tr> | 147 </tr> |
143 <tr data-expected-height="19"> | 148 <tr data-expected-height="19"> |
144 » <td>row1 col0</td> | 149 » <td rowspan="4">row1 col0 - rowspan=4</td> |
145 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 150 » <td>row1 col1</td> |
146 </tr> | 151 </tr> |
147 <tr data-expected-height="183"> | 152 <tr data-expected-height="19"> |
148 <td style="height:40%">row2 col0 height=40%</td> | 153 <td>row2 col1</td> |
149 </tr> | |
150 <tr data-expected-height="44"> | |
151 <td style="height:40px">row3 col0 height=40px</td> | |
152 </tr> | |
153 <tr data-expected-height="49"> | |
154 <td>row4 col0</td> | |
155 </tr> | 154 </tr> |
156 <tr data-expected-height="19"> | 155 <tr data-expected-height="19"> |
157 <td>row5 col0</td> | 156 <td>row3 col1</td> |
158 <td>row5 col1</td> | 157 </tr> |
| 158 <tr data-expected-height="19"> |
| 159 <td>row4 col1</td> |
| 160 </tr> |
| 161 <tr data-expected-height="57"> |
| 162 » <td>row5 col0</td> |
| 163 » <td rowspan="4" style="height:300px">row5 col1 - rowspan=4</td> |
| 164 » </tr> |
| 165 <tr data-expected-height="57"> |
| 166 <td>row6 col0</td> |
| 167 </tr> |
| 168 <tr data-expected-height="74"> |
| 169 <td>row7 col0</td> |
| 170 </tr> |
| 171 <tr data-expected-height="75"> |
| 172 <td>row8 col0</td> |
| 173 </tr> |
| 174 <tr data-expected-height="59"> |
| 175 » <td>row9 col0</td> |
| 176 » <td rowspan="4" style="height:300px">row9 col1 - rowspan=4</td> |
| 177 » </tr> |
| 178 <tr data-expected-height="74"> |
| 179 <td style="height:70px">row10 col0</td> |
| 180 </tr> |
| 181 <tr data-expected-height="34"> |
| 182 <td style="height:30px">row11 col0</td> |
| 183 </tr> |
| 184 <tr data-expected-height="104"> |
| 185 <td style="height:100px">row12 col0</td> |
| 186 </tr> |
| 187 <tr data-expected-height="54"> |
| 188 <td style="height:50px">row13 col0</td> |
| 189 <td>row13 col1</td> |
159 </tr> | 190 </tr> |
160 </tbody> | 191 </tbody> |
161 </table> | 192 </table> |
162 <h5>Test 7 - One rowSpan cell and two cells have percent height but total percen
t is less than 100.</h5> | 193 <h5>Test 4 - Two rowSpan cells, 2 rows in first spanning cell have percent heigh
t and 2 rows in second spanning cell have fixed height</h5> |
163 <table border="1"> | 194 <table border="1"> |
164 <tbody> | 195 <tbody> |
165 <tr> | 196 <tr> |
166 <td>row0 col0</td> | 197 <td>row0 col0</td> |
167 </tr> | 198 </tr> |
168 <tr data-expected-height="33"> | 199 <tr data-expected-height="21"> |
169 » <td>row1 col0</td> | 200 » <td rowspan="4" style="height:300px">row1 col0 - rowspan=4</td> |
170 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 201 » <td>row1 col1</td> |
171 </tr> | 202 </tr> |
172 <tr data-expected-height="37"> | 203 <tr data-expected-height="199" style="height:20%"> |
173 <td>row2 col0</td> | 204 <td>row2 col1</td> |
174 </tr> | 205 </tr> |
175 <tr data-expected-height="131"> | 206 <tr data-expected-height="19"> |
176 <td style="height:30%">row3 col0 height=30%</td> | 207 <td>row3 col1</td> |
177 </tr> | 208 </tr> |
178 <tr data-expected-height="142"> | 209 <tr data-expected-height="74" style="height:30%"> |
179 <td style="height:40%">row4 col0 height=40%</td> | 210 <td>row4 col1</td> |
180 </tr> | 211 </tr> |
181 <tr data-expected-height="19"> | 212 <tr data-expected-height="19"> |
182 <td>row5 col0</td> | 213 <td>row5 col0</td> |
183 <td>row5 col1</td> | 214 </tr> |
| 215 <tr> |
| 216 <td>row6 col0</td> |
| 217 </tr> |
| 218 <tr data-expected-height="58"> |
| 219 » <td>row7 col0</td> |
| 220 » <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 221 » </tr> |
| 222 <tr data-expected-height="50" style="height:50px"> |
| 223 <td>row8 col0</td> |
| 224 </tr> |
| 225 <tr data-expected-height="89"> |
| 226 <td>row9 col0</td> |
| 227 </tr> |
| 228 <tr data-expected-height="70" style="height:70px"> |
| 229 <td>row10 col0</td> |
| 230 </tr> |
| 231 <tr data-expected-height="19"> |
| 232 <td>row11 col0</td> |
| 233 <td>row11 col1</td> |
| 234 </tr> |
| 235 <tr> |
| 236 <td>row12 col0</td> |
184 </tr> | 237 </tr> |
185 </tbody> | 238 </tbody> |
186 </table> | 239 </table> |
187 <h5>Test 8 - One rowSpan cell and three cells have percent height but total perc
ent is more than 100.</h5> | 240 </table> |
| 241 <h5>Test 5 - Two rowSpan cells, in first spanning cell, 2 rows have percent heig
ht and 2 rows have fixed height and in second spanning cell, 1 row have fixed he
ight, 1 row have percent height and remaining are auto.</h5> |
188 <table border="1"> | 242 <table border="1"> |
189 <tbody> | 243 <tbody> |
190 <tr> | 244 <tr> |
191 <td>row0 col0</td> | 245 <td>row0 col0</td> |
192 </tr> | 246 </tr> |
193 <tr data-expected-height="203"> | 247 <tr data-expected-height="64"> |
194 » <td style="height:60%">row1 col0 height=60%</td> | 248 » <td rowspan="4" style="height:300px">row1 col0 - rowspan=4</td> |
195 » <td rowspan="4" style="height:300px">row1 col1 - rowspan=4 height=300p
x</td> | 249 » <td style="height:60px">row1 col1</td> |
196 </tr> | 250 </tr> |
197 <tr data-expected-height="34"> | 251 <tr data-expected-height="152" style="height:20%"> |
198 <td style="height:40%">row2 col0 height=40%</td> | 252 <td>row2 col1</td> |
199 </tr> | 253 </tr> |
200 <tr data-expected-height="19"> | 254 <tr data-expected-height="40" style="height:40px"> |
201 <td>row3 col0</td> | 255 <td>row3 col1</td> |
202 </tr> | 256 </tr> |
203 <tr data-expected-height="34"> | 257 <tr data-expected-height="19" style="height:30%"> |
204 <td style="height:50%">row4 col0 height=50%</td> | 258 <td>row4 col1</td> |
205 </tr> | 259 </tr> |
206 <tr data-expected-height="19"> | 260 <tr data-expected-height="19"> |
207 <td>row5 col0</td> | 261 <td>row5 col0</td> |
208 <td>row5 col1</td> | 262 </tr> |
| 263 <tr> |
| 264 <td>row6 col0</td> |
| 265 </tr> |
| 266 <tr data-expected-height="19"> |
| 267 » <td>row7 col0</td> |
| 268 » <td rowspan="4" style="height:300px">row7 col1 - rowspan=4</td> |
| 269 » </tr> |
| 270 <tr data-expected-height="218" style="height:30%"> |
| 271 <td>row8 col0</td> |
| 272 </tr> |
| 273 <tr data-expected-height="20"> |
| 274 <td>row9 col0</td> |
| 275 </tr> |
| 276 <tr data-expected-height="50" style="height:50px"> |
| 277 <td>row10 col0</td> |
| 278 </tr> |
| 279 <tr data-expected-height="19"> |
| 280 <td>row11 col0</td> |
| 281 <td>row11 col1</td> |
| 282 </tr> |
| 283 <tr> |
| 284 <td>row12 col0</td> |
209 </tr> | 285 </tr> |
210 </tbody> | 286 </tbody> |
211 </table> | 287 </table> |
212 <h5>Test 9 - One rowSpan cell and specified cells height.</h5> | 288 <h5>Test 6 - RowSpan and ColSpan. </h5> |
213 <table border="1"> | |
214 <tbody> | |
215 <tr> | |
216 <td>row0 col0</td> | |
217 </tr> | |
218 <tr data-expected-height="74"> | |
219 » <td style="height:70px">row1 col0 height=70px</td> | |
220 » <td rowspan="4" style="height:500px">row1 col1 - rowspan=4 height=500p
x</td> | |
221 » </tr> | |
222 <tr data-expected-height="74"> | |
223 <td style="height:70px">row2 col0 height=70px</td> | |
224 </tr> | |
225 <tr data-expected-height="59"> | |
226 <td style="height:30px">row3 col0 height=30px</td> | |
227 </tr> | |
228 <tr data-expected-height="182"> | |
229 <td style="height:100px">row4 col0 height=100px</td> | |
230 </tr> | |
231 <tr data-expected-height="54"> | |
232 <td style="height:50px">row5 col0 height=50px</td> | |
233 <td>row5 col1</td> | |
234 </tr> | |
235 </tbody> | |
236 </table> | |
237 <h5>Test 10 - RowSpan and ColSpan. </h5> | |
238 <table border="1" width="607"> | 289 <table border="1" width="607"> |
239 <tbody> | 290 <tbody> |
240 <tr data-expected-height="34"> | 291 <tr data-expected-height="34"> |
241 <td>row0 col0</td> | 292 <td>row0 col0</td> |
242 <td rowspan="3" colspan="2">row0 col1 - rowspan=3 colspan=2</td> | 293 <td rowspan="3" colspan="2">row0 col1 - rowspan=3 colspan=2</td> |
243 <td>row0 col2</td> | 294 <td>row0 col2</td> |
244 </tr> | 295 </tr> |
245 <tr data-expected-height="34"> | 296 <tr data-expected-height="34"> |
246 <td>row1 col0</td> | 297 <td>row1 col0</td> |
247 </tr> | 298 </tr> |
248 <tr data-expected-height="34"> | 299 <tr data-expected-height="34"> |
249 <td>row2 col0</td> | 300 <td>row2 col0</td> |
250 </tr> | 301 </tr> |
251 <tr data-expected-height="19"> | 302 <tr data-expected-height="19"> |
252 <td colspan="3">row3 col0 - colspan=3</td> | 303 <td colspan="3">row3 col0 - colspan=3</td> |
253 </tr> | 304 </tr> |
254 <tr data-expected-height="34"> | 305 <tr data-expected-height="34"> |
255 <td>row4 col0</td> | 306 <td>row4 col0</td> |
256 </tr> | 307 </tr> |
257 </tbody> | 308 </tbody> |
258 </table> | 309 </table> |
259 <h5>Test 11 - Mix of baseline aligned and non-baseline aligned cells.</h5> | 310 <h5>Test 5 - Mix of baseline aligned and non-baseline aligned cells.</h5> |
260 <table border="1" width="607"> | 311 <table border="1" width="607"> |
261 <tbody> | 312 <tbody> |
262 <tr data-expected-height="104"> | 313 <tr data-expected-height="104"> |
263 <td style="height:100px">row0 col0</td> | 314 <td style="height:100px">row0 col0</td> |
264 <td style="vertical-align:top">row0 col1 vertical-align=top</td> | 315 <td style="vertical-align:top">row0 col1 vertical-align=top</td> |
265 <td style="vertical-align:bottom">row0 col2 vertical-align=bottom</td> | 316 <td style="vertical-align:bottom">row0 col2 vertical-align=bottom</td> |
266 </tr> | 317 </tr> |
267 <tr data-expected-height="19"> | 318 <tr data-expected-height="19"> |
268 <td>row1 col0</td> | 319 <td>row1 col0</td> |
269 </tr> | 320 </tr> |
270 <tr data-expected-height="77"> | 321 <tr data-expected-height="77"> |
271 <td rowspan="4" style="vertical-align:text-top; height:300px">row2 col0 -
rowspan=4 vertical-align=text-top</td> | 322 <td rowspan="4" style="vertical-align:text-top; height:300px">row2 col0 -
rowspan=4 vertical-align=text-top</td> |
272 <td style="vertical-align:sub">row2 col1 vertical-align=sub</td> | 323 <td style="vertical-align:sub">row2 col1 vertical-align=sub</td> |
273 </tr> | 324 </tr> |
274 <tr data-expected-height="77"> | 325 <tr data-expected-height="77"> |
275 <td style="vertical-align:middle">row3 col1 vertical-align=middle</td> | 326 <td style="vertical-align:middle">row3 col1 vertical-align=middle</td> |
276 </tr> | 327 </tr> |
277 <tr data-expected-height="69"> | 328 <tr data-expected-height="69"> |
278 <td style="vertical-align:super">row4 col1 vertical-align=super</td> | 329 <td style="vertical-align:super">row4 col1 vertical-align=super</td> |
279 </tr> | 330 </tr> |
280 <tr data-expected-height="91"> | 331 <tr data-expected-height="91"> |
281 <td style="vertical-align:text-bottom">row5 col1 vertical-align=text-botto
m</td> | 332 <td style="vertical-align:text-bottom">row5 col1 vertical-align=text-botto
m</td> |
282 </tr> | 333 </tr> |
283 <tr data-expected-height="19"> | 334 <tr data-expected-height="19"> |
284 <td>row6 col0</td> | 335 <td>row6 col0</td> |
285 </tr> | 336 </tr> |
286 </tbody> | 337 </tbody> |
287 </table> | 338 </table> |
288 <h5>Test 12 - CSS Table.</h5> | 339 <h5>Test 6 - CSS Table.</h5> |
289 <div id="div-table"> | 340 <div id="div-table"> |
290 <span id="span-row"> | 341 <span id="span-row"> |
291 <span id="span-cell">row0 col0</span> | 342 <span id="span-cell">row0 col0</span> |
292 <div id="div-cell">row0 col1</div> | 343 <div id="div-cell">row0 col1</div> |
293 <span id="span-cell">row0 col2</span> | 344 <span id="span-cell">row0 col2</span> |
294 </span> | 345 </span> |
295 <div id="div-row"> | 346 <div id="div-row"> |
296 <div id="div-cell">row1 col0</div> | 347 <div id="div-cell">row1 col0</div> |
297 <span id="span-cell">row1 col1</span> | 348 <span id="span-cell">row1 col1</span> |
298 <div id="div-cell">row1 col2</div> | 349 <div id="div-cell">row1 col2</div> |
(...skipping 24 matching lines...) Expand all Loading... |
323 <span id="span-row"> | 374 <span id="span-row"> |
324 <span id="span-cell">row8 col0</span> | 375 <span id="span-cell">row8 col0</span> |
325 </span> | 376 </span> |
326 <div id="div-row"> | 377 <div id="div-row"> |
327 <div id="div-cell">row9 col0</div> | 378 <div id="div-cell">row9 col0</div> |
328 </div> | 379 </div> |
329 <div id="div-row"> | 380 <div id="div-row"> |
330 <div id="div-cell">row10 col0</div> | 381 <div id="div-cell">row10 col0</div> |
331 </div> | 382 </div> |
332 </div> | 383 </div> |
333 <h5>Test 13 - Table Similar to CSS table with rowspan.</h5> | 384 <h5>Test 7 - Table Similar to CSS table with rowspan.</h5> |
334 <table border="1px"> | 385 <table border="1px"> |
335 <tr data-expected-height="39"> | 386 <tr data-expected-height="39"> |
336 <td rowspan=5 style="height:300px">row0 col0</td> | 387 <td rowspan=5 style="height:300px">row0 col0</td> |
337 <td>row0 col1</td> | 388 <td>row0 col1</td> |
338 <td>row0 col2</td> | 389 <td>row0 col2</td> |
339 </tr> | 390 </tr> |
340 <tr data-expected-height="48"> | 391 <tr data-expected-height="48"> |
341 <td rowspan=3 style="height:200px">row1 col1</td> | 392 <td rowspan=3 style="height:200px">row1 col1</td> |
342 <td rowspan=2 style="height:100px">row1 col2</td> | 393 <td rowspan=2 style="height:100px">row1 col2</td> |
343 <td>row1 col3</td> | 394 <td>row1 col3</td> |
(...skipping 11 matching lines...) Expand all Loading... |
355 </tr> | 406 </tr> |
356 <tr data-expected-height="19"> | 407 <tr data-expected-height="19"> |
357 <td>row5 col0</td> | 408 <td>row5 col0</td> |
358 <td>row5 col1</td> | 409 <td>row5 col1</td> |
359 <td>row5 col2</td> | 410 <td>row5 col2</td> |
360 </tr> | 411 </tr> |
361 <tr data-expected-height="0"> | 412 <tr data-expected-height="0"> |
362 <td rowspan=5 style="height:200px">row6 col0</td> | 413 <td rowspan=5 style="height:200px">row6 col0</td> |
363 <td rowspan=5 style="height:100px">row6 col1</td> | 414 <td rowspan=5 style="height:100px">row6 col1</td> |
364 </tr> | 415 </tr> |
365 <tr data-expected-height="19"> | 416 <tr data-expected-height="37"> |
366 <td>row7 col1</td> | 417 <td>row7 col1</td> |
367 </tr> | 418 </tr> |
368 <tr data-expected-height="19"> | 419 <tr data-expected-height="38"> |
369 <td>row8 col1</td> | 420 <td>row8 col1</td> |
370 </tr> | 421 </tr> |
371 <tr data-expected-height="19"> | 422 <tr data-expected-height="49"> |
372 <td>row9 col1</td> | 423 <td>row9 col1</td> |
373 </tr> | 424 </tr> |
374 <tr data-expected-height="19"> | 425 <tr data-expected-height="49"> |
375 <td>row10 col1</td> | 426 <td>row10 col1</td> |
376 </tr> | 427 </tr> |
377 </table> | 428 </table> |
378 </body> | 429 </body> |
379 </html> | 430 </html> |
OLD | NEW |