JSFiddle - React, Tailwind, and code Playground

by jdb1991

HTML

<table>
    <tbody>
        <tr>
            <th>Apple</th>
            <td>Add</td>
            <td>Remove</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <th>Banana</th>
            <td>Add</td>
            <td>Remove</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <th>Orange</th>
            <td>Add</td>
            <td>Remove</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border: solid black 1px;
}
tr {
    border: solid black 1px;
}
th {
    border: solid black 1px;
    font-weight: bold;
    padding: 2px;
    padding-right: 8px;
}
td {
    border: solid black 1px;
    padding: 2px;
}

JavaScript

$(function () {
    //$("table").sortable();
    $("tbody").sortable();
    //$("table tr").sortable();
});