JSFiddle - React, Tailwind, and code Playground

by Tinh Nguyen Nhu

HTML

<table>
  <tr>
    <td colspan="3">a</td>
    <td rowspan="3" style="width: 200px;">d</td>
  </tr>
  <tr>
    <td colspan="3" style="background: #fff; height: 3px;"></td>
  </tr>
  <tr>
    <td colspan="3">c</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">e</td>
    <td colspan="2" rowspan="2">f</td>
  </tr>
  <tr>
  </tr>
</table>

CSS

/* table example */
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

table tr td {
  border: 1px solid #CC949A;
}

JavaScript

/* table example */