JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdn.jsdelivr.net/jquery.mcustomscrollbar/3.0.6/jquery.mCustomScrollbar.concat.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.mcustomscrollbar/3.0.6/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jq-2.2.3/dt-1.10.12/rr-1.1.2/datatables.css">
<script src="https://cdn.datatables.net/v/dt/jq-2.2.3/dt-1.10.12/rr-1.1.2/datatables.js"></script>
<body>
<table id="mainQueueOrdersListTable" width="100%">
<thead>
<tr>
<th>Order</th>
<th>Numbers</th>
<th>CONTRACT</th>
<th>Type</th>
<th>another column</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>11111</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>22222</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>3</td>
<td>33333</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>4</td>
<td>44444</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>5</td>
<td>55555</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>6</td>
<td>66666</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>7</td>
<td>77777</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>8</td>
<td>88888</td>
<td >1</td>
<td >1</td>
<td>1</td>
</tr>
<tr>
<td>9</td>
<td>99999</td>
<td >1</td>
<td...
JavaScript
var oTable = $("#mainQueueOrdersListTable").DataTable({
rowReorder:{
selector:'td'
}
,paging: false
});