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 } |
(...skipping 189 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
200 </span> | 200 </span> |
201 <div id="div-row"> | 201 <div id="div-row"> |
202 <div id="div-cell">row9 col0</div> | 202 <div id="div-cell">row9 col0</div> |
203 </div> | 203 </div> |
204 <div id="div-row"> | 204 <div id="div-row"> |
205 <div id="div-cell">row10 col0</div> | 205 <div id="div-cell">row10 col0</div> |
206 </div> | 206 </div> |
207 </div> | 207 </div> |
208 <h5>Test 8 - Table Similar to CSS table with rowspan.</h5> | 208 <h5>Test 8 - Table Similar to CSS table with rowspan.</h5> |
209 <table border="1px"> | 209 <table border="1px"> |
210 <tr data-expected-height="39"> | 210 <tr data-expected-height="21"> |
211 <td rowspan=5 style="height:300px">row0 col0</td> | 211 <td rowspan=5 style="height:300px">row0 col0</td> |
212 <td>row0 col1</td> | 212 <td>row0 col1</td> |
213 <td>row0 col2</td> | 213 <td>row0 col2</td> |
214 </tr> | 214 </tr> |
215 <tr data-expected-height="48"> | 215 <tr data-expected-height="87"> |
216 <td rowspan=3 style="height:200px">row1 col1</td> | 216 <td rowspan=3 style="height:200px">row1 col1</td> |
217 <td rowspan=2 style="height:100px">row1 col2</td> | 217 <td rowspan=2 style="height:100px">row1 col2</td> |
218 <td>row1 col3</td> | 218 <td>row1 col3</td> |
219 </tr> | 219 </tr> |
220 <tr data-expected-height="47"> | 220 <tr data-expected-height="96"> |
221 <td>row2 col3</td> | 221 <td>row2 col3</td> |
222 </tr> | 222 </tr> |
223 <tr data-expected-height="59"> | 223 <tr data-expected-height="40"> |
224 <td>row3 col2</td> | 224 <td>row3 col2</td> |
225 </tr> | 225 </tr> |
226 <tr data-expected-height="60"> | 226 <tr data-expected-height="24"> |
227 <td>row4 col1</td> | 227 <td>row4 col1</td> |
228 <td>row4 col2</td> | 228 <td>row4 col2</td> |
229 <td>row4 col3</td> | 229 <td>row4 col3</td> |
230 </tr> | 230 </tr> |
231 <tr data-expected-height="19"> | 231 <tr data-expected-height="19"> |
232 <td>row5 col0</td> | 232 <td>row5 col0</td> |
233 <td>row5 col1</td> | 233 <td>row5 col1</td> |
234 <td>row5 col2</td> | 234 <td>row5 col2</td> |
235 </tr> | 235 </tr> |
236 <tr data-expected-height="0"> | 236 <tr data-expected-height="0"> |
237 <td rowspan=5 style="height:200px">row6 col0</td> | 237 <td rowspan=5 style="height:200px">row6 col0</td> |
238 <td rowspan=5 style="height:100px">row6 col1</td> | 238 <td rowspan=5 style="height:100px">row6 col1</td> |
239 </tr> | 239 </tr> |
240 <tr data-expected-height="37"> | 240 <tr data-expected-height="37"> |
241 <td>row7 col1</td> | 241 <td>row7 col1</td> |
242 </tr> | 242 </tr> |
243 <tr data-expected-height="38"> | 243 <tr data-expected-height="38"> |
244 <td>row8 col1</td> | 244 <td>row8 col1</td> |
245 </tr> | 245 </tr> |
246 <tr data-expected-height="49"> | 246 <tr data-expected-height="49"> |
247 <td>row9 col1</td> | 247 <td>row9 col1</td> |
248 </tr> | 248 </tr> |
249 <tr data-expected-height="49"> | 249 <tr data-expected-height="49"> |
250 <td>row10 col1</td> | 250 <td>row10 col1</td> |
251 </tr> | 251 </tr> |
252 </table> | 252 </table> |
253 </body> | 253 </body> |
254 </html> | 254 </html> |
OLD | NEW |