JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/plug-ins/1.10.19/sorting/natural.js"></script>
<table>
   <thead>
     <th>Street Number</th>
     <th>Actions</th>
   </thead>
   <tbody>
     <tr>
       <td>1 North Street</td>
       <td>Edit</td>
     </tr>
     <tr>
       <td>2 North Street</td>
       <td>Edit</td>
     </tr>
     <tr>
       <td>10 North Street</td>
       <td>Edit</td>
     </tr>
   </tbody>
</table>

JavaScript

$('table').DataTable({
  columnDefs: [
  	{targets: 0, type: 'natural'}
  ]
});