JSFiddle - React, Tailwind, and code Playground
HTML
<table class="draggable forget-ordering" id="board_columns">
<thead>
<tr>
<td id="33" tabindex="1" class="mark">Ready</td>
<td id="39" tabindex="2" class="mark">Nueva gaby</td>
<td id="40" tabindex="3" class="mark">Nueva Columnita2</td>
<td id="34" tabindex="4" class="mark">In progress</td>
<td id="35" tabindex="5" class="mark">Done too</td>
</tr>
</thead>
<colgroup>
<col width="300/"><col width="300/"><col width="300/"><col width="300/"><col width="300/">
</colgroup>
<tbody>
<tr style="background-color: #eee">
<td tabindex="1">
<div id="12" class="drag t1" style="border-style: solid; cursor: move;">
<div>T ready 1</div>
<div>t ready desc 1</div>
</div>
</td>
<td tabindex="1">
<div id="26" class="drag t1" style="border-style: solid; cursor: move;">
<div>T nueva gaby 1</div>
<div>t nueva gaby 1</div>
</div>
</td>
<td tabindex="1">
<div id="18" class="drag t1" style="border-style: solid; cursor: move;">
<div>T columnita2 1</div>
<div>t columnita2 desc 1</div>
</div>
</td>
<td tabindex="1">
<div id="14" class="drag t1" style="border-style: solid; cursor: move;">
<div>T progres 1</div>
<div>t progres desc 1</div>
</div>
</td>
<td tabindex="1">
<div id="17" class="drag t1" style="border-style:...