JSFiddle - React, Tailwind, and code Playground

by 亮 薛

HTML

<table id="tab" cellpadding="1" cellspacing="1" border="1">
  <thead>
    <tr>
      <th colspan="6">xxx</th>
    </tr>
    <tr>
      <th colspan="3">xxx</th>
      <th colspan="3">xxx</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="2" rowspan="2">xxx</td>
      <td colspan="2">xxx</td>
      <td colspan="2">xxx</td>
    </tr>
    <tr>
      <td colspan="2">xxx</td>
      <td colspan="2">xxx</td>
    </tr>
    <tr>
      <td colspan="2" rowspan="2">xxx</td>
      <td colspan="2">xxx</td>
      <td colspan="2">xxx</td>
    </tr>
    <tr>
      <td colspan="2">xxx</td>
      <td colspan="2">xxx</td>
    </tr>
  </tbody>
</table>

CSS

body {
  width: 98%;
  height: 100%;
  font-size: 12px;
  /* background-color: #FCF; */
  text-align: center;
}

#tab {
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif;
  font-weight: bolder;
  background-color: #9F0;
}