JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/pepper-grinder/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/dataTables.jqueryui.min.css">
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"> </script>

<table id="example">
   <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Salary</th>
            </tr>
        </thead>
</table>

CSS

#feedback { font-size: 1.4em; }
#example .ui-selecting { background: #FECA40; }
#example .ui-selected { background: #F39814; color: white; }
#example { list-style-type: none; margin: 0; padding: 0; }
#example li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }

JavaScript

var data = [
    ["Tiger Nixon","System Architect","Edinburgh","25","$3,120"],
    ["Garrett Winters","Director","Edinburgh","21","$4,400"],
    ["Bruno Nash","Software Engineer","London","22","$5,300"],
    ["Cara Stevens","Sales Assistant","London","26","$6,000"],
    ["Cedric Kelly","Senior Javascript Developer","Edinburgh","30","$3,900"],
    ["Ashton Cox","Director","San Francisco","42","$5,500"],
    ["Fiona Green","Chief Operating Officer (COO)","London","50","$6,000"],
    ["Gavin Joyce","Developer","Tokyo","25","$3,900"],
    ["Michael Silva","Director","San Francisco","66","$4,500"],
    ["Thor Walton","Chief Operating Officer (COO)","London","37","$6,000"]


]

$('#example').DataTable( {
    data: data
} );
var $currentlySelected = null;
var selected = [];

$('#example tbody').selectable({
    start: function(event, ui) {
        $currentlySelected = $('#selectable .ui-selected');
        console.log("basladı");
    },
    stop: function(event, ui) {
        for (var i = 0; i < selected.length; i++) {
            if ($.inArray(selected[i], $currentlySelected) >= 0) {
              $(selected[i]).removeClass('ui-selected');
            }
        }
        selected = [];
        console.log("bitti");
    },
    selecting: function(event, ui) {
        $currentlySelected.addClass('ui-selected'); // re-apply ui-selected class to currently selected items
    },
    selected: function(event, ui) {
        selected.push(ui.selected); 
    }
});