JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="http://yadcf-showcase.appspot.com/resources/js/jquery.dataTables.yadcf.js"></script>
<script src="http://datatables.net/release-datatables/extensions/ColReorder/js/dataTables.colReorder.js"></script>
<link rel="stylesheet" href="http://datatables.net/release-datatables/extensions/ColReorder/css/dataTables.colReorder.css">
<table id="myDataTable" class="display hover compact" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th id="col_header_1"></th>
            <th id="col_header_2"></th>
            <th id="col_header_3"></th>
            <th id="col_header_4"></th>
            <th id="col_header_5"></th>
            <th id="col_header_6"></th>
            <th id="col_header_7"></th>
            <th id="col_header_8"></th>
        </tr>
        <tr>
            <th>Header1</th>
            <th>Header2</th>
            <th>Header3</th>
            <th>Header4</th>
            <th>Header5</th>
            <th>Header6</th>
            <th>Header7</th>
            <th>Header8</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Header1</th>
            <th>Header2</th>
            <th>Header3</th>
            <th>Header4</th>
            <th>Header5</th>
            <th>Header6</th>
            <th>Header7</th>
            <th>Header8</th>
        </tr>
    </tfoot>
    <tbody>
    </tbody>
</table>

JavaScript

$(document).ready(function(){
    var dataSet = [
    ['Trident','Internet Explorer 4.0','Win 95+','4','X','none','none','none','none','none','none'],
    ['Trident','Internet Explorer 5.0','Win 95+','5','C','none','none','none','none','none','none'],
    ['Trident','Internet Explorer 5.5','Win 95+','5.5','A','none','none','none','none','none','none'],
    ['Trident','Internet Explorer 6','Win 98+','6','A','none','none','none','none','none','none'],
    ['Trident','Internet Explorer 7','Win XP SP2+','7','A','none','none','none','none','none','none'],
    ['Trident','AOL browser (AOL desktop)','Win XP','6','A','none','none','none','none','none','none'],
    ['Gecko','Firefox 1.0','Win 98+ / OSX.2+','1.7','A','none','none','none'],
    ['none','none','1.8','none','none','none','none','none'],
    ['Gecko','Firefox 2.0','Win 98+ / OSX.2+','1.8','A','none','none','none'],
    ['Gecko','Firefox 3.0','Win 2k+ / OSX.3+','1.9','A','none','none','none'],
    ['Gecko','Camino 1.0','OSX.2+','1.8','A','none','none','none'],
    ['Gecko','Camino 1.5','OSX.3+','1.8','A','none','none','none'],
    ['Gecko','Netscape 7.2','Win 95+ / Mac OS 8.6-9.2','1.7','A','none','none','none'],
    ['Gecko','Netscape Browser 8','Win 98SE+','1.7','A','none','none','none'],
    ['Gecko','Netscape Navigator 9','Win 98+ / OSX.2+','1.8','A','none','none','none'],
    ['Gecko','Mozilla 1.0','Win 95+ / OSX.1+',1,'A','none','none','none'],
    ['Gecko','Mozilla 1.1','Win 95+ / OSX.1+',1.1,'A','none','none','none'],
    ['Gecko','Mozilla 1.2','Win 95+ / OSX.1+',1.2,'A','none','none','none'],
    ['Gecko','Mozilla 1.3','Win 95+ / OSX.1+',1.3,'A','none','none','none'],
    ['Gecko','Mozilla 1.4','Win 95+ / OSX.1+',1.4,'A','none','none','none'],
    ['Gecko','Mozilla 1.5','Win 95+ / OSX.1+',1.5,'A','none','none','none'],
    ['Gecko','Mozilla 1.6','Win 95+ / OSX.1+',1.6,'A','none','none','none'],
    ['Gecko','Mozilla 1.7','Win 98+ / OSX.1+',1.7,'A','none','none','none'],
    ['Gecko','Mozilla 1.8','Win...