JSFiddle - React, Tailwind, and code Playground

HTML

<div table="" express="" class="clickable"><!----> <table infinite-scroll-throttle-delay="500" infinite-scroll-distance="420"><thead><tr><!----> <th></th> <th class=""><p class="hug"><svg no-print="" viewBox="0 0 24 24" style="width: 24px; height: 24px; opacity: 0.54; transform: rotate(0deg);"><path fill="#000000" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> <span print-only="">Статус</span> <!----></p></th><th class=""><p class="hug noselect">
              Date
              <!----></p></th><th class=""><p class="hug noselect">
              № order
              <!----></p></th><th class=""><p class="hug noselect">
              SKU
              <!----></p></th><th class=""><p class="hug noselect">
              Name
              <!----></p></th><th class=""><p class="hug noselect">
              Sell (ед.)
              <!----></p></th><th class=""><p class="hug noselect">
              Price (₽)
              <!----></p></th><th class=""><p class="hug noselect">
              Reven (₽)
              <!----></p></th><th class=""><p class="hug noselect">
              To cash (₽)
              <!----></p></th><th class=""><p class="hug noselect">
              Cashed (₽)
              <!----></p></th><th class=""><p class="hug noselect">
              Comissions (₽)
              <!----></p></th></tr></thead> <tbody><tr class=""><!----> <td id="arrow-cell-0-202" class="arrow open"><!----></td> <td id="status-cell-0-202"><span><svg no-print="" viewBox="0 0 24 24" style="width: 24px; height: 24px;"><path fill="#1e88e5" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z"></path></svg> <span print-only="" style="color: rgb(30, 136, 229);">В обработке</span></span></td><td id="date-cell-0-202"><span>
        01.02.2020, 15:32
     ...