JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/colreorder/1.1.2/js/dataTables.colReorder.min.js"></script>
<table id="example">
    <thead><th>Name</th>
        <th>Position</th>
        <th>Office</th>
        <th>Extn</th>
        <th>Start date</th>
        <th>Salary</th>				
    </thead>
    <tbody></tbody>
</table>

JavaScript

$(document).ready(function() {
    $('#example').dataTable( {
        processing: true,
        serverSide: true,        
        stateSave: true,
        dom: 'CRlfrtip',
        "sAjaxSource": "http://datatables.net/release-datatables/examples/server_side/scripts/jsonp.php",
        "fnServerData": function(sUrl, aoData, fnCallback) {
            $.ajax({
                "url": sUrl,
                "data": aoData,
                "success": fnCallback,
                "dataType": "jsonp",
                "cache": false
            });
        }

    } );
} );