JSFiddle - React, Tailwind, and code Playground

by Andres Abadia

HTML

<html>

<head>

</head>

<body>
  <table border="0" width="100%">
    <tr>
      <th rowspan="2">
        nnnnnnnnnn
      </th>
      <th colspan="5">
        aaaaaaaaaaaaaaa
      </th>
    </tr>
    <tr>
      <td colspan="3">bbbbbbbbbbbbb</td>
      <td colspan="2">ccccccccccccc</td>
    </tr>
    <tr>
      <td rowspan="1">Un</td>
      <td colspan="2">bal blabal blabal blabal blabal blabal </td>
      <td colspan="2">xxxxxxxxxxxx</td>
    </tr>
    <tr>
      <td rowspan="1">Deux</td>
      <td colspan="2">yyyyyyyyyyy </td>
      <td colspan="2">bal blabal blabal blabal blabal</td>
    </tr>
  </table>
</body>

</html>

CSS

tr {
  height: 80px;
}

table,tr,th,td{
  border: 1px solid #ddd;
}