table-rowspan-cell-with-empty-cell.html

<!DOCTYPE html>
<html>
<head>
    <script src="../../resources/check-layout.js"></script>
    <style>
    td { font: 15px/1 Ahem }
    table {border-collapse: collapse;}
    .dn {display: none;}
    .blue {background: blue;}
    .green {background: green;}
    </style>
</head>
<body onload="checkLayout('#a')">
<h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=258420">258420</a>. Table rows are incorrectly collapsed in case of hidden cells and rowspans.</h3>
<h4>A spanning cell whose rows have only empty cell(s) shouldn't have a non-zero height.</h4>
  <table>
    <tbody>
        <tr class="blue">
            <td rowspan="3">A</td>
            <td>A1</td>
            <td>A1.1</td>
        </tr>
        <tr>
            <td rowspan="2" id="a" data-expected-width = "57">A2</td>
            <td class="dn">A2.1</td>
        </tr>
        <tr>
            <td class="dn">A2.2</td>
        </tr>
        <tr class="green">
            <td colspan="3">long last row</td>
        </tr>
    </tbody>
  </table>
  </body>
</html>

chromium/third_party/blink/web_tests/fast/table/table-rowspan-cell-with-empty-cell.html