JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/rowreorder/1.2.0/js/dataTables.rowReorder.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.2.0/css/rowReorder.dataTables.min.css">
<script src="https://cdn.datatables.net/scroller/1.4.2/js/dataTables.scroller.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/scroller/1.4.2/css/scroller.dataTables.min.css">
<table id="myTable">
<thead>
<tr>
<th>Sequence</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>0</td>
<td>Name 0</td>
</tr>
<tr>
<td>1</td>
<td>Name 1</td>
</tr>
<tr>
<td>2</td>
<td>Name 2</td>
</tr>
<tr>
<td>3</td>
<td>Name 3</td>
</tr>
<tr>
<td>4</td>
<td>Name 4</td>
</tr>
<tr>
<td>5</td>
<td>Name 5</td>
</tr>
<tr>
<td>6</td>
<td>Name 6</td>
</tr>
<tr>
<td>7</td>
<td>Name 7</td>
</tr>
<tr>
<td>8</td>
<td>Name 8</td>
</tr>
<tr>
<td>9</td>
<td>Name 9</td>
</tr>
<tr>
<td>10</td>
<td>Name 10</td>
</tr>
<tr>
<td>11</td>
<td>Name 11</td>
</tr>
<tr>
<td>12</td>
<td>Name 12</td>
</tr>
<tr>
<td>13</td>
<td>Name 13</td>
</tr>
<tr>
<td>14</td>
<td>Name 14</td>
</tr>
<tr>
<td>15</td>
<td>Name 15</td>
</tr>
<tr>
<td>16</td>
<td>Name 16</td>
</tr>
<tr>
<td>17</td>
<td>Name 17</td>
</tr>
<tr>
<td>18</td>
<td>Name 18</td>
</tr>
<tr>
<td>19</td>
<td>Name 19</td>
</tr>
<tr>
<td>20</td>
<td>Name 20</td>
...
JavaScript
$(document).ready(function(){
$('#myTable').DataTable({
rowReorder: true,
pagination: true,
scroller: true,
scrollY: 200,
scrollCollapse: false
});
console.log("works");
});