JSFiddle - React, Tailwind, and code Playground

by Jiang Xuan

HTML

<input id="btn1" type="button" value="Remove 2" />
<input id="btn2" type="button" value="Remove 3" />
<table id="tab">
<colgroup>
<col span="1" style="width: 100px" />
<col span="1" width="150" />
<col span="1" width="150" />
<col span="1" width="100" />
</colgroup>
<thead>
<tr>
  <th>eee</th>
    <th>eee</th>
      <th>eee</th>
        <th>eee</th>
</tr>
</thead>
<tbody>
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
</tr>    
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
</tr>    
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
</tr>    
</tbody>
</table>

CSS

table, td {
    border: 1px solid black;
    border-collapse: collapse;
}
table {
    table-layout:fixed;
}

th {
  white-space: nowrap;
}