examples/RowSpan.html from YetiForceCompany/YetiForcePDF

examples/RowSpan.html
Summary

Maintainability

Test Coverage

Issues
<table style="font-size:12px;line-height:1.2;border-collapse:separate;width:100%">
  <tr style="background-color:lightgray;border:1px solid black;">
    <th>header</th>
    <th>header</th>
    <th>header</th>
  </tr>
  <tr>
    <td style="border:1px solid black;">cell</td>
    <td style="border:1px solid black;">cell</td>
    <td style="border:1px solid black;">cell</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;width:100%">
  <tr>
    <td rowspan="4" style="border:1px solid red;height:100px;">row span</td>
    <td style="border:1px solid red;width:25%;height:100px;">row1</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:100px;">row2</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:100px;">row3</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:100px;">row4</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:collapse;width:100%">
  <tr>
    <td rowspan="4" style="border:1px solid red;height:20px;">row span</td>
    <td style="border:1px solid red;width:25%;height:20px;">row1</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:20px;">row2</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:20px;">row3</td>
  </tr>
  <tr>
    <td style="border:1px solid red;height:20px;">row4</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:collapse;width:100%">
  <tr>
    <td rowspan="4" style="border:1px solid red;height:20px;">row span</td>
    <td style="border:1px solid red;">row1 test test test</td>
    <td style="border:1px solid red;width:25%;height:20px;">row1</td>
  </tr>
  <tr>
    <td style="border:1px solid red;">row2</td>
    <td style="border:1px solid red;height:20px;">row2</td>
  </tr>
  <tr>
    <td style="border:1px solid red;">row3</td>
    <td style="border:1px solid red;height:20px;">row3</td>
  </tr>
  <tr>
    <td style="border:1px solid red;">row4</td>
    <td style="border:1px solid red;height:20px;">row4</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;width:100%;">
  <tr>
    <td rowspan="4" style="border:1px solid red;width:50%;vertical-align:bottom;">
      row span 3 long text that need tobe visible
    </td>
    <td style="border:1px solid red;width:25%">row</td>
    <td rowspan="4" style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;">
  <tr>
    <td style="border:1px solid red;" rowspan="3">
      col
    </td>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
    <td style="border:1px solid indigo;" rowspan="2">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid red;" colspan="3">
      col
    </td>
    <td style="border:1px solid orange;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid red;" colspan="4">
      col span 4
    </td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:collapse;">
  <tr>
    <td style="border:1px solid red;" rowspan="3">
      col
    </td>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
    <td style="border:1px solid indigo;" rowspan="2">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid orange;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
    <td style="border:1px solid indigo;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid red;" colspan="3">
      col
    </td>
    <td style="border:1px solid orange;">
      col
    </td>
  </tr>
  <tr>
    <td style="border:1px solid red;" colspan="4">
      col span 4
    </td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;width:100%">
  <tr>
    <td rowspan="2" style="border:1px solid red;vertical-align:top;">row span 3</td>
    <td style="border:1px solid red">row</td>
    <td rowspan="2" style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:separate;width:100%">
  <tr>
    <td rowspan="2" style="border:1px solid red">row span 3</td>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
    <td style="border:1px solid red">row</td>
  </tr>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:collapse;">
  <tbody>
    <tr>
      <td rowspan="2" style="border:1px solid red">row span 3</td>
      <td style="border:1px solid red">row</td>
      <td rowspan="2" style="border:1px solid red">row</td>
    </tr>
    <tr>
      <td style="border:1px solid red">row</td>
    </tr>
    <tr>
      <td rowspan="2" style="border:1px solid red">row span 3</td>
      <td style="border:1px solid red">row</td>
      <td rowspan="2" style="border:1px solid red">row</td>
    </tr>
    <tr>
      <td style="border:1px solid red">row</td>
    </tr>
  </tbody>
</table>

<table style="font-size:12px;line-height:1.2;border:1px solid blue;border-collapse:collapse;">
  <tr>
    <td rowspan="4" style="border:1px solid red;width:50%;">span4-0-0</td>
    <td style="border:1px solid red;width:25%">span4-0-1</td>
    <td rowspan="4" style="border:1px solid red">span4-0-2</td>
  </tr>
  <tr>
    <td style="border:1px solid red">span4-1</td>
  </tr>
  <tr>
    <td style="border:1px solid red">span4-2</td>
  </tr>
  <tr>
    <td style="border:1px solid red">span4-3</td>
  </tr>
  <tr>
    <td rowspan="3" style="border:1px solid red;width:50%;">
      Lorem ipsum dolor sit amet, consectetur adispaicing elit, Lorem ipsum dolor sit amet, consectetur adispaicing elit
    </td>
    <td style="border:1px solid red;width:25%">row</td>
    <td rowspan="3" style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">row</td>
  </tr>
  <tr>
    <td style="border:1px solid red">1</td>
    <td style="border:1px solid red">2</td>
    <td style="border:1px solid red">3</td>
  </tr>
</table>

<style>
  .td {
    border: 1px solid red;
  }
</style>
<table style="border-collapse: collapse;">
  <tr>
    <td class="td" rowspan="3">test</td>
    <td class="td" rowspan="3">test</td>
    <td class="td">test</td>
    <td class="td" rowspan="2">test</td>
    <td class="td">test</td>
    <td class="td" rowspan="3">test</td>
    <td class="td" rowspan="3">test</td>
  </tr>
  <tr>
    <td class="td">test</td>
    <td class="td">test</td>
  </tr>
  <tr>
    <td class="td">test</td>
    <td class="td">test</td>
    <td class="td">test</td>
  </tr>
</table>