JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<table>

<thead>
  <tr>
    <th>lfjsdf</th>
    <th>lfjsdf</th>
    <th>lfjsdf</th>
    <th>lfjsdf</th>
  </tr>
  
</thead>
<tbody>
  <tr>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
</tr>
  <tr>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
    <td>lfjsdf</td>
  </tr>

</tbody>
</table>

CSS

body {
  font-family: 'Open sans', sans-serif;
}
table {
  border-collapse: collapse;
  table-layout: fixed;
}
th, td {
  padding: 12px;
  font-size: 18px;
  margin: 0;
}
td {
  text-align: left;
  border: 2px solid #CCCDD2;
}
td:first-child {
  border-left: none;
}
td:last-child {
  border-right: none;
}
thead tr th {
  border-bottom: 2px solid #CCCDD2;
  border-top: 2px solid #CCCDD2;
}