JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jq-3.7.0/dt-2.1.8/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/jq-3.7.0/dt-2.1.8/datatables.min.js"></script>
<table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>25 Apr 2011</td>
                <td data-order="29.4">29,40 €</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>25 Jul 2011</td>
                <td data-order="18.99">18,99 €</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>12 Jan 2009</td>
                <td data-order="630.0">630,00 €</td>
            </tr>
            <tr>
                <td>Ashton Cox 2</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>12 Jan 2009</td>
                <td data-order="78.42">78,42 €</td>
            </tr>
        </tbody>
    </table>

JavaScript

new DataTable('#example', {
    language: {
        url: '//cdn.datatables.net/plug-ins/2.2.0/i18n/de-DE.json',
        thousands: ',',
        decimal: '.'
    },
});