JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
<table class="tablesorter edesign-table sortable-table">
                        <thead>
                        <tr>
                            <th>col</th>
                            <th>col</th>
                            <th>col</th>
                            <th>col</th>
                            <th>col</th>
                            <th>col</th>
                            <th>col</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>4.5</td>
                            <td>28.0</td>
                            <td>0.6</td>
                            <td>28.0</td>
                            <td>2.0</td>
                            <td>250</td>
                            <td>1</td>

                        </tr>
                        <tr>
                            <td>4.5</td>
                            <td>28.0</td>
                            <td>0.6</td>
                            <td>28.0</td>
                            <td>3.0</td>
                            <td>250</td>
                            <td>Power SO 8</td>

                        </tr>
                        <tr>
                            <td>4.5</td>
                            <td>38.0</td>
                            <td>0.6</td>
                            <td>38.0</td>
                            <td>2.0</td>
                            <td>250</td>
                            <td>VDFPN 8</td>

                        </tr>
                        <tr>
                            <td>4.5</td>
                            <td>38.0</td>
                            <td>0.6</td>
                            <td>38.0</td>
                            <td>2.0</td>
                            <td>250</td>
                            <td>Power SO 8</td>

                        </tr>
     ...

CSS

td {padding: 2px 5px;}

JavaScript

$('.sortable-table').dataTable({

            });