JSFiddle - React, Tailwind, and code Playground

HTML

<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>


<body>
<table id="example" class="display" cellspacing="0" width="100%">

  <thead>
    <tr>
      <th>Salary</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <th>Salary</th>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>100.000.000</td>
    </tr>
    <tr>
      <td>20.000.000</td>
    </tr>
    <tr>
      <td>10.000.000,99</td>
    </tr>
      <tr>
      <td>300.000.000</td>
    </tr>
  </tbody>
</table>
</body>
<

JavaScript

$(document).ready(function() {
  $('#example').dataTable();
  columns: [
   {type: 'num-fmt'}
  ]
});