JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jq-2.2.4/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.13/b-1.2.4/b-colvis-1.2.4/b-html5-1.2.4/rr-1.2.0/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/jq-2.2.4/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.13/b-1.2.4/b-colvis-1.2.4/b-html5-1.2.4/rr-1.2.0/datatables.min.js"></script>
<body>
<table id="searchResult">
<caption class="caption"><h5>Search Result</h5> </caption>
<thead>
<tr role="row"><th rowspan="2">#</th><th rowspan="2">Flag</th><th rowspan="2">name</th><th rowspan="2" >Description</th><th rowspan="2">First</th><th rowspan="2">Price</th><th rowspan="2">Type</th><th rowspan="2">Date</th><th rowspan="1">Info</th></tr>
<tr><th rowspan="1">type</th><th rowspan="1">old</th><th rowspan="1" colspan="1">more</th></tr>
</thead>
<tfoot>
<tr><td colspan="11" rowspan="1">
</td></tr>
</tfoot>
<tbody>
<tr>
<td data-order="1" data-filter="">1</td>
<td data-order=" 0 " data-filter="">
</td>
<td data-order="Name1" data-filter="name1">Name1</td>
<td data-order="Description 1" data-filter="desc1">Some description</td>
<td data-order="1995.00" data-filter="1995.00">1 995,00
</td>
<td data-order="1995.00" data-filter="1995.00">1 995,00</td>
<td data-order="dcf">Dcf</td>
<td data-order="2014-01-22">2014-01-22 </td>
<td data-order=" 1 " data-filter=""> Prod
</td>
<td data-order=" 9999999999 " data-filter=""> </td>
<td data-order="1" data-filter="" > more</td>
</tr>
<tr>
<td data-order="2" data-filter="">2</td>
<td data-order=" 0 " data-filter="">
</td>
<td data-order="Name2" data-filter="name2">Name2</td>
<td...
JavaScript
$('#searchResult').dataTable({
'rowReorder':true
});