JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<table contenteditable  class="waffle waffle-ltr " id="0-grid-table-quadrantscrollable" cellspacing="0" cellpadding="0"><thead><tr class="header-shim"><th class="header-shim row-header-shim"></th><th class="header-shim" style="width:120px;" id="0-chs-0"></th><th class="header-shim" style="width:153px;" id="0-chs-20"></th><th class="header-shim" style="width:157px;" id="0-chs-21"></th><th class="header-shim" style="width:157px;" id="0-chs-1"></th><th class="header-shim" style="width:196px;" id="0-chs-2"></th><th class="header-shim" style="width:135px;" id="0-chs-3"></th><th class="header-shim" style="width:157px;" id="0-chs-4"></th><th class="header-shim" style="width:120px;" id="0-chs-5"></th><th class="header-shim" style="width:44px;" id="0-chs-6"></th><th class="header-shim" style="width:41px;" id="0-chs-7"></th><th class="header-shim" style="width:41px;" id="0-chs-8"></th><th class="header-shim" style="width:120px;" id="0-chs-9"></th><th class="header-shim" style="width:120px;" id="0-chs-10"></th><th class="header-shim" style="width:120px;" id="0-chs-11"></th><th class="header-shim" style="width:120px;" id="0-chs-12"></th><th class="header-shim" style="width:120px;" id="0-chs-13"></th><th class="header-shim" style="width:120px;" id="0-chs-14"></th><th class="header-shim" style="width:120px;" id="0-chs-15"></th><th class="header-shim" style="width:120px;" id="0-chs-16"></th><th class="header-shim" style="width:120px;" id="0-chs-17"></th><th class="header-shim" style="width:120px;" id="0-chs-18"></th><th class="header-shim" style="width:120px;" id="0-chs-19"></th></tr></thead><tbody><tr dir="ltr" id="0-r-column-head-section$101" style="height:23px;"><th id="0-rhs-101" class="row-header-shim" style="height:22px"></th><td style="background-color:#000000;border-right:;border-bottom:;"></td><td class="g-0--1x1GQs1">Roteiro Lindo</td><td class="g-0--1x1GQs1">Sem UK</td><td class="g-0--1x1GQs1">Sem UK e Marrocos</td><td class="g-0--1x1GQs1">Sem UK e Marrocos e...

CSS

td{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    padding: 2px 3px;
    font-size: 12px;
}