JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.23/b-1.6.5/b-html5-1.6.5/datatables.min.css"/>
 
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.23/b-1.6.5/b-html5-1.6.5/datatables.min.js"></script>
          
    
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container">
      <table id="table_id" class="display nowrap" 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 111</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$3,120</td>
          </tr>
          <tr>
            <td>Garrett Winters</td>
            <td>Director</td>
            <td>Edinburgh</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$5,300</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>

JavaScript

$(document).ready(function() {

				  $.fn.dataTable.ext.buttons.excelAll = {
					text: "Excel",
					filename: "download.xls",
					header: true,
					action: function ( e, table, node, config ) {
						table.page.len(-1).draw()
						setTimeout(() => { 
							$.fn.dataTable.ext.buttons.excelHtml5.action.call(this, e, table, node, config)
							table.page.len(10).draw()
						}, 8000)
					}
				  }
				  
				  var table = $("#table_id").DataTable({
					orderCellsTop: true,
					"pageLength": 100,
					"order": [[ 0, "desc" ]],
					dom: "Bfrtip",
					"processing": true,
					"serverSide": false,
					buttons: ["excelAll"],
					"columns": [
					  { "data": "first_name" },
					  { "data": "last_name" },
					  { "data": "position" },
					  { "data": "office" },
					  { "data": "start_date" },
					  { "data": "salary" }
					]
				  });

				});