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 314 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
325 </span> | 325 </span> |
326 <div id="div-row"> | 326 <div id="div-row"> |
327 <div id="div-cell">row9 col0</div> | 327 <div id="div-cell">row9 col0</div> |
328 </div> | 328 </div> |
329 <div id="div-row"> | 329 <div id="div-row"> |
330 <div id="div-cell">row10 col0</div> | 330 <div id="div-cell">row10 col0</div> |
331 </div> | 331 </div> |
332 </div> | 332 </div> |
333 <h5>Test 13 - Table Similar to CSS table with rowspan.</h5> | 333 <h5>Test 13 - Table Similar to CSS table with rowspan.</h5> |
334 <table border="1px"> | 334 <table border="1px"> |
335 <tr data-expected-height="39"> | 335 <tr data-expected-height="21"> |
336 <td rowspan=5 style="height:300px">row0 col0</td> | 336 <td rowspan=5 style="height:300px">row0 col0</td> |
337 <td>row0 col1</td> | 337 <td>row0 col1</td> |
338 <td>row0 col2</td> | 338 <td>row0 col2</td> |
339 </tr> | 339 </tr> |
340 <tr data-expected-height="48"> | 340 <tr data-expected-height="87"> |
341 <td rowspan=3 style="height:200px">row1 col1</td> | 341 <td rowspan=3 style="height:200px">row1 col1</td> |
342 <td rowspan=2 style="height:100px">row1 col2</td> | 342 <td rowspan=2 style="height:100px">row1 col2</td> |
343 <td>row1 col3</td> | 343 <td>row1 col3</td> |
344 </tr> | 344 </tr> |
345 <tr data-expected-height="47"> | 345 <tr data-expected-height="96"> |
346 <td>row2 col3</td> | 346 <td>row2 col3</td> |
347 </tr> | 347 </tr> |
348 <tr data-expected-height="59"> | 348 <tr data-expected-height="40"> |
349 <td>row3 col2</td> | 349 <td>row3 col2</td> |
350 </tr> | 350 </tr> |
351 <tr data-expected-height="60"> | 351 <tr data-expected-height="24"> |
352 <td>row4 col1</td> | 352 <td>row4 col1</td> |
353 <td>row4 col2</td> | 353 <td>row4 col2</td> |
354 <td>row4 col3</td> | 354 <td>row4 col3</td> |
355 </tr> | 355 </tr> |
356 <tr data-expected-height="19"> | 356 <tr data-expected-height="19"> |
357 <td>row5 col0</td> | 357 <td>row5 col0</td> |
358 <td>row5 col1</td> | 358 <td>row5 col1</td> |
359 <td>row5 col2</td> | 359 <td>row5 col2</td> |
360 </tr> | 360 </tr> |
361 <tr data-expected-height="0"> | 361 <tr data-expected-height="0"> |
362 <td rowspan=5 style="height:200px">row6 col0</td> | 362 <td rowspan=5 style="height:200px">row6 col0</td> |
363 <td rowspan=5 style="height:100px">row6 col1</td> | 363 <td rowspan=5 style="height:100px">row6 col1</td> |
364 </tr> | 364 </tr> |
365 <tr data-expected-height="37"> | 365 <tr data-expected-height="37"> |
366 <td>row7 col1</td> | 366 <td>row7 col1</td> |
367 </tr> | 367 </tr> |
368 <tr data-expected-height="38"> | 368 <tr data-expected-height="38"> |
369 <td>row8 col1</td> | 369 <td>row8 col1</td> |
370 </tr> | 370 </tr> |
371 <tr data-expected-height="49"> | 371 <tr data-expected-height="49"> |
372 <td>row9 col1</td> | 372 <td>row9 col1</td> |
373 </tr> | 373 </tr> |
374 <tr data-expected-height="49"> | 374 <tr data-expected-height="49"> |
375 <td>row10 col1</td> | 375 <td>row10 col1</td> |
376 </tr> | 376 </tr> |
377 </table> | 377 </table> |
378 </body> | 378 </body> |
379 </html> | 379 </html> |
OLD | NEW |