JSFiddle - React, Tailwind, and code Playground

by David Underwood

HTML

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <td rowspan="2">1</td>
    <td colspan="8">System 1 for Unit 20170203</td>
    <td colspan="3">3 cells</td>
    <td rowspan="2">></td>
  </tr>
  <tr>
    <td>RT</td>
    <td>77</td>
    <td>ST</td>
    <td>110</td>
    <td>--</td>
    <td>up</td>
    <td>9</td>
    <td>down</td>
    <td>9</td>
    <td>bad</td>
    <td>0</td>
  </tr>
</table>

<br><br>

<table>
  <tr>
    <td rowspan="2">1</td>
    <td>OLOK</td>
    <td>OK</td>
    <td>--</td>
    <td>WLVL</td>
    <td>200</td>
    <td>--</td>
    <td>WPRE</td>
    <td>25</td>
    <td>--</td>
    <td rowspan="2">></td>
  </tr>
  <tr>
    <td>OLOK</td>
    <td>OK</td>
    <td>--</td>
    <td>WLVL</td>
    <td>200</td>
    <td>--</td>
    <td>WPRE</td>
    <td>25</td>
    <td>--</td>
  </tr>
</table>

</body>
</html>