JSFiddle - React, Tailwind, and code Playground

by Jakob Olsen

HTML

<table>
    <tr><td class="up">OP</td><td>Række 1</td><td class="down">NED</td></tr>
    <tr><td class="up">OP</td><td>Række 2</td><td class="down">NED</td></tr>
    <tr><td class="up">OP</td><td>Række 3</td><td class="down">NED</td></tr>
    <tr><td class="up">OP</td><td>Række 4</td><td class="down">NED</td></tr>
    <tr><td class="up">OP</td><td>Række 5</td><td class="down">NED</td></tr>
</table>

CSS

.up, .down{cursor:pointer}

JavaScript

$(".down").click(function(){
    var $elm = $(this);
    var $parent = $elm.parent();
    $parent.next().after($parent);
});

$(".up").click(function(){
    var $elm = $(this);
    var $parent = $elm.parent();
    $parent.prev().before($parent);
});