JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
    

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script src="https://cdn.rawgit.com/unconditional/jquery-table2excel/master/src/jquery.table2excel.js"></script>

    


<table id="resultsTable" data-tableName="Test Table 2" class="table table-bordered">
   <thead>
      <tr class="noExl">
         <th>Not Geting exported</th>
         <th>no getting  exported either</th>
      </tr>
      <tr>
         <th>Name(as Header)</th>
         <th>Country(as header)</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Benjamin Hammond</td>
         <td>United States</td>
      </tr>
      <tr>
         <td>Vikas Lalwani</td>
         <td>India</td>
      </tr>
      <tr>
         <td>Martin Mathews</td>
         <td>France</td>
      </tr>
     <tr>
         <td>Geoffry Schidner</td>
         <td>England</td>
      </tr>
   </tbody>
   <tfoot>
      <tr>
         <td colspan="2">This footer spans 2 cells</td>
      </tr>
   </tfoot>
</table>


<div class="row">
   <div class="col-md-2">
      <a class="btn btn-default" id="exportNow">Export</a>
   </div>
   <div class="col-md-10"></div>
</div>

JavaScript

jQuery(document).ready(function() {
    
    $('#exportNow').on('click', function(e){
        e.preventDefault();
        ResultsToTable();
    });
    
    function ResultsToTable(){    
        $("#resultsTable").table2excel({
            exclude: ".noExl",
            filename: "Results"
        });
    }
});