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 365 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
376 </span> | 376 </span> |
377 <div id="div-row"> | 377 <div id="div-row"> |
378 <div id="div-cell">row9 col0</div> | 378 <div id="div-cell">row9 col0</div> |
379 </div> | 379 </div> |
380 <div id="div-row"> | 380 <div id="div-row"> |
381 <div id="div-cell">row10 col0</div> | 381 <div id="div-cell">row10 col0</div> |
382 </div> | 382 </div> |
383 </div> | 383 </div> |
384 <h5>Test 9 - Table Similar to CSS table with rowspan.</h5> | 384 <h5>Test 9 - Table Similar to CSS table with rowspan.</h5> |
385 <table border="1px"> | 385 <table border="1px"> |
386 <tr data-expected-height="39"> | 386 <tr data-expected-height="21"> |
387 <td rowspan=5 style="height:300px">row0 col0</td> | 387 <td rowspan=5 style="height:300px">row0 col0</td> |
388 <td>row0 col1</td> | 388 <td>row0 col1</td> |
389 <td>row0 col2</td> | 389 <td>row0 col2</td> |
390 </tr> | 390 </tr> |
391 <tr data-expected-height="48"> | 391 <tr data-expected-height="87"> |
392 <td rowspan=3 style="height:200px">row1 col1</td> | 392 <td rowspan=3 style="height:200px">row1 col1</td> |
393 <td rowspan=2 style="height:100px">row1 col2</td> | 393 <td rowspan=2 style="height:100px">row1 col2</td> |
394 <td>row1 col3</td> | 394 <td>row1 col3</td> |
395 </tr> | 395 </tr> |
396 <tr data-expected-height="47"> | 396 <tr data-expected-height="96"> |
397 <td>row2 col3</td> | 397 <td>row2 col3</td> |
398 </tr> | 398 </tr> |
399 <tr data-expected-height="59"> | 399 <tr data-expected-height="40"> |
400 <td>row3 col2</td> | 400 <td>row3 col2</td> |
401 </tr> | 401 </tr> |
402 <tr data-expected-height="60"> | 402 <tr data-expected-height="24"> |
403 <td>row4 col1</td> | 403 <td>row4 col1</td> |
404 <td>row4 col2</td> | 404 <td>row4 col2</td> |
405 <td>row4 col3</td> | 405 <td>row4 col3</td> |
406 </tr> | 406 </tr> |
407 <tr data-expected-height="19"> | 407 <tr data-expected-height="19"> |
408 <td>row5 col0</td> | 408 <td>row5 col0</td> |
409 <td>row5 col1</td> | 409 <td>row5 col1</td> |
410 <td>row5 col2</td> | 410 <td>row5 col2</td> |
411 </tr> | 411 </tr> |
412 <tr data-expected-height="0"> | 412 <tr data-expected-height="0"> |
413 <td rowspan=5 style="height:200px">row6 col0</td> | 413 <td rowspan=5 style="height:200px">row6 col0</td> |
414 <td rowspan=5 style="height:100px">row6 col1</td> | 414 <td rowspan=5 style="height:100px">row6 col1</td> |
415 </tr> | 415 </tr> |
416 <tr data-expected-height="37"> | 416 <tr data-expected-height="37"> |
417 <td>row7 col1</td> | 417 <td>row7 col1</td> |
418 </tr> | 418 </tr> |
419 <tr data-expected-height="38"> | 419 <tr data-expected-height="38"> |
420 <td>row8 col1</td> | 420 <td>row8 col1</td> |
421 </tr> | 421 </tr> |
422 <tr data-expected-height="49"> | 422 <tr data-expected-height="49"> |
423 <td>row9 col1</td> | 423 <td>row9 col1</td> |
424 </tr> | 424 </tr> |
425 <tr data-expected-height="49"> | 425 <tr data-expected-height="49"> |
426 <td>row10 col1</td> | 426 <td>row10 col1</td> |
427 </tr> | 427 </tr> |
428 </table> | 428 </table> |
429 </body> | 429 </body> |
430 </html> | 430 </html> |
OLD | NEW |