JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<script src="http://cdn.datatables.net/colreorder/1.1.0/js/dataTables.colReorder.min.js"></script>
<script src="https://www.datatables.net/release-datatables/extensions/ColVis/js/dataTables.colVis.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/colreorder/1.1.0/css/dataTables.colReorder.min.css">
<link rel="stylesheet" href="https://www.datatables.net/release-datatables/extensions/ColVis/css/dataTables.colVis.css">
<body>     <h2>Project Report</h2>  
    <br></br>  
    <div class="info"></div>  
    <br></br>  
    <br></br>  
    <br></br>  
    <table id="dt-1" class="display" cellspacing="0" width="100%"> 
      <thead> 
        <tr> 
          <th>Name</th>  
          <th>Position</th>  
          <th>Office</th>  
          <th>Age</th>  
          <th>Start date</th>  
          <th>Salary</th> 
        </tr> 
      </thead>  
      <tfoot> 
        <tr> 
          <th>Name</th>  
          <th>Position</th>  
          <th>Office</th>  
          <th>Age</th>  
          <th>Start date</th>  
          <th>Salary</th> 
        </tr> 
      </tfoot>  
      <tbody> 
        <tr> 
          <td>Tiger Nixon</td>  
          <td>System Architect</td>  
          <td>Edinburgh</td>  
          <td>61</td>  
          <td>2011/04/25</td>  
          <td>$320,800</td> 
        </tr>  
        <tr> 
          <td>Garrett Winters</td>  
          <td>Accountant</td>  
          <td>Tokyo</td>  
          <td>63</td>  
          <td>2011/07/25</td>  
          <td>$170,750</td> 
        </tr>  
        <tr> 
          <td>Ashton Cox</td>  
          <td>Junior Technical Author</td>  
          <td>San Francisco</td>  
          <td>66</td>  
          <td>2009/01/12</td>  
         ...

JavaScript

$(document).ready(function()
   {

    var tables = $('table.display').DataTable( { 
      columnDefs: [
         { visible: false, targets: 1 }
      ],
    } );

    // When the column visibility changes on the first table, also change it on the others
    tables.table(0).on('column-visibility', function ( e, settings, colIdx, visibility ) {
        tables.tables(':gt(0)').columns( colIdx ).visible( visibility );
    } );

    // Create ColVis on the first table only
    var colvis = new $.fn.dataTable.ColVis( tables.table(0) );
    $( colvis.button() ).insertAfter('div.info');


   });