JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <th>Company</th>
  <th>Q1</th>
  <th>Q2</th>
  <th>Q3</th>
    <th>Q4</th>
  </tr>
<tr>
  <td>Microsoft</td>
  <td>20.3</td>
  <td>30.5</td>
  <td>1111</td>
    <td>11222222222222222211</td>
</tr>
<tr>
  <td>Google</td>
  <td>50.2</td>
  <td>40.63</td>
  <td>45.23</td>
    <td>45.21111113</td>
</tr>
</table>

CSS

table {
border: 1px solid #69c;
border-collapse: separate;
empty-cells: hide;
width:100%;
}
th, td {border: 2px solid #69c;}