JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.3/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
<table class="table table-striped" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th><span id="sort">Col 1</span>

            </th>
            <th>Col 2</th>
            <th>Col 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span>1</span>

            </td>
            <td><span>CHARLIE</span>

            </td>
            <td><span>DELTA</span>

            </td>
        </tr>
        <tr>
            <td><span>2</span>

            </td>
            <td><span>ALPHA</span>

            </td>
            <td><span>BETA</span>

            </td>
        </tr>
    </tbody>
</table>

CSS

body {
    padding: 30px;
}

JavaScript

var table = $('.table-striped').DataTable({
    "ordering": false
});
table.order.listener($('#sort')[0], 1);