JSFiddle - React, Tailwind, and code Playground

by kapilgopinath

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-is/19.0.0/cjs/react-is.production.min.js"></script>
<div class="table">
<div class="row">
<div class="cell">Name</div>
<div class="cell">Age</div>
</div>
<div class="row" draggable>
  <div class="cell">John Doe</div>
  <div class="cell">30</div>
</div>
<div class="row" draggable>
  <div class="cell">John Wick</div>
  <div class="cell">40</div>
</div>
</div>

CSS

.table {
display: table;
width: 100%;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
border: 1px solid black;
padding: 10px;
}