JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<table id="ExampleTable">
<thead>
<tr>
  <th>Number</th>
  <th>Text</th>
</tr>
</thead>
</table>

JavaScript

$( '#ExampleTable' ).DataTable(
   {
      order: [ [ 0, 'asc' ] ],
      columns: [
         { data : 'id', orderable: true },
         { data : 'name', orderable: false }
      ],
      data : [
         { id: 12, name: 'Nummer 12' },
         { id: 1, name: 'Nummer 1' },
         { id: 99, name: 'Nummer 99' },
         { id: 4, name: 'Nummer 4' },
         { id: 3, name: 'Nummer 3' },
         { id: 2, name: 'Nummer 2' }
      ]
   }
);