JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <table>
      <tr>
         <th>Sticky?</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
         <th>ReallyLongWords ForceReallyLongContent</th>
      </tr>
      <tr>
         <td>Sticky?</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
      </tr>
      <tr>
         <td>Sticky?</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
         <td>ReallyLongWords ForceReallyLongContent</td>
      </tr>
   </table>
</div>

CSS

table {
   border-collapse: collapse;
	background-color:white;
}

td,
th {
   border: 1px solid #999;
   padding: 0.25em;
}

tr > td:first-of-type,
tr > th:first-of-type {
   position: sticky;
   left: 5px;
	background-color:#ccc;
}