JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<table id="grid" class="table table-striped table-bordered" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th rowspan="2">Node</th>
      <th rowspan="2">Speed(kbps)</th>
      <th colspan="2">2016-44</th>
      <th colspan="2">2016-45</th>
      <th colspan="2">2016-46</th>
      <th colspan="2">2016-47</th>
    </tr>
    <tr>
      <th>Rate(kbps)</th>
      <th>Capacity(%)</th>
      <th>Rate(kbps)</th>
      <th>Capacity(%)</th>
      <th>Rate(kbps)</th>
      <th>Capacity(%)</th>
      <th>Rate(kbps)</th>
      <th>Capacity(%)</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>lag-17 @ sim40-71</td>
      <td>100000</td>
      <td>61130.25</td>
      <td>61.13025</td>
      <td>62246.68</td>
      <td>62.24668</td>
      <td>62985.49</td>
      <td>62.98548</td>
      <td>61982.13</td>
      <td>61.98213</td>
    </tr>
    <tr>
      <td>1/1/2 @ sim40-71</td>
      <td>100000</td>
      <td>62190.06</td>
      <td>62.19006</td>
      <td>62004.30</td>
      <td>62.00430</td>
      <td>62865.33</td>
      <td>62.86533</td>
      <td>61660.09</td>
      <td>61.66009</td>
    </tr>
  </tbody>
</table>

JavaScript

$(document).ready(function() {
  $('#grid').DataTable({
    columnDefs: [{
      render: $.fn.dataTable.render.number(',', '.', 0),
      targets: [1]
    }, {
      render: $.fn.dataTable.render.number(',', '.', 2),
      targets: [2, 4, 6, 8]
    }, {
      render: $.fn.dataTable.render.number(',', '.', 1),
      targets: [3, 5, 7, 9]
    }]
  });
});