JSFiddle - React, Tailwind, and code Playground
by Sergey khorev
HTML
<div class="t431__table-wrapper" data-auto-correct-mobile-width="false">
<div id="sheets-viewport">
<div id="0" style="position: relative;" dir="ltr">
<div class="ritz grid-container" dir="ltr">
<table class="waffle" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="row-header freezebar-origin-ltr header-shim row-header-shim"></th>
<th id="0C0" style="width:30px;" class="header-shim"></th>
<th id="0C1" style="width:135px;" class="header-shim"></th>
<th id="0C2" style="width:131px;" class="header-shim"></th>
<th id="0C3" style="width:178px;" class="header-shim"></th>
<th id="0C4" style="width:111px;" class="header-shim"></th>
<th id="0C5" style="width:111px;" class="header-shim"></th>
<th id="0C6" style="width:111px;" class="header-shim"></th>
<th id="0C7" style="width:111px;" class="header-shim"></th>
<th id="0C8" style="width:111px;" class="header-shim"></th>
<th id="0C9" style="width:111px;" class="header-shim"></th>
</tr>
</thead>
<tbody>
<tr style="height: 20px">
<th id="0R0" style="height: 20px;" class="row-headers-background row-header-shim">
<div class="row-header-wrapper" style="line-height: 20px"></div>
</th>
<td class="s0" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
<td class="s1" dir="ltr"></td>
</tr>
<tr style="height: 20px">
<th id="0R1" style="height: 20px;"...