JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
</head>
<body>
<table id="example-ok" class="display">
<thead>
<tr>
<th>SORT - ok, click here</th>
</tr>
</thead>
<tbody>
<tr>
<td>117 500 $</td>
</tr>
<tr>
<td>130 000 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>127 500 $</td>
</tr>
<tr>
<td>125 000 $</td>
</tr>
<tr>
<td>94 000 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
</tbody>
</table>
<br>
<table id="example-nook" class="display">
<thead>
<tr>
<th>SORT - error, click here</th>
</tr>
</thead>
<tbody>
<tr>
<td>117 500 $</td>
</tr>
<tr>
<td>130 000 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>127 500 $</td>
</tr>
<tr>
<td>125 000 $</td>
</tr>
<tr>
<td>94 000 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>110 000 $</td>
</tr>
<tr>
<td>129 500 $</td>
</tr>
<tr>
<td>127 000 $</td>
</tr>
<tr>
<td>96 000 $</td>
</tr>
<tr>
<td>110 000 $</td>
</tr>
<tr>
<td>110 000 $</td>
</tr>
<tr>
<td>110 000 $</td>
</tr>
<tr>
<td>107 500 $</td>
</tr>
<tr>
<td>110 000 $</td>
</tr>
<tr>
<td>129 500 $</td>
</tr>
<tr>
<td>127 000 $</td>
</tr>
<tr>
<td>96 000 $</td>
</tr>
<tr>
<td>110 000...