JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn</th>
                <th>Start_date</th>
                <th>Salary</th>
            </tr>
        </thead>
 
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn</th>
                <th>Start_date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
    </table>

JavaScript

var a = [{"Name " :"Airi Satou","Position":"Accountant","Office":"Tokyo","Extn":"5407","Start_date":"2008/11/28","Salary":"$162,700"},{"Name " :"Angelica Ramos","Position":"Chief Executive Officer (CEO)","Office":"London","Extn":"5797","Start_date":"2009/10/09","Salary":"$1,200,000"},{"Name " :"Ashton Cox","Position":"Junior Technical Author","Office":"San Francisco","Extn":"1562","Start_date":"2009/01/12","Salary":"$86,000"},{"Name " :"Bradley Greer","Position":"Software Engineer","Office":"London","Extn":"2558","Start_date":"2012/10/13","Salary":"$132,000"},{"Name " :"Brielle Williamson","Position":"Integration Specialist","Office":"New York","Extn":"4804","Start_date":"2012/12/02","Salary":"$372,000"},{"Name " :"Brenden Wagner","Position":"Software Engineer","Office":"San Francisco","Extn":"1314","Start_date":"2011/06/07","Salary":"$206,850"},{"Name " :"Bruno Nash","Position":"Software Engineer","Office":"London","Extn":"6222","Start_date":"2011/05/03","Salary":"$163,500"},{"Name " :"Caesar Vance","Position":"Pre-Sales Support","Office":"New York","Extn":"8330","Start_date":"2011/12/12","Salary":"$106,450"},{"Name " :"Cara Stevens","Position":"Sales Assistant","Office":"New York","Extn":"3990","Start_date":"2011/12/06","Salary":"$145,600"},{"Name " :"Cedric Kelly","Position":"Senior Javascript Developer","Office":"Edinburgh","Extn":"6224","Start_date":"2012/03/29","Salary":"$433,060"},{"Name " :"Charde Marshall","Position":"Regional Director","Office":"San Francisco","Extn":"6741","Start_date":"2008/10/16","Salary":"$470,600"},{"Name " :"Colleen Hurst","Position":"Javascript Developer","Office":"San Francisco","Extn":"2360","Start_date":"2009/09/15","Salary":"$205,500"},{"Name " :"Dai Rios","Position":"Personnel Lead","Office":"Edinburgh","Extn":"2290","Start_date":"2012/09/26","Salary":"$217,500"},{"Name " :"Donna Snider","Position":"Customer Support","Office":"New York","Extn":"4226","Start_date":"2011/01/25","Salary":"$112,000"},{"Name " :"Doris...