JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>

<h2>Index</h2>

<table class="table" id="products" >
    <thead>
    <tr>
        <th>
            Code
        </th>
        <th>
            Name
        </th>
        <th>
            Category
        </th>
        <th>
            Active
        </th>
        <th>
            Published
        </th>
        <th></th>
    </tr>
    </thead>

    <tbody>
    <tr>
        <td>
            123-456
        </td>
        <td>
            Option on a Module
        </td>
        <td>
            Option
        </td>
        <td>
            Yes
        </td>
        <td>
            Yes
        </td>
        <td>
            - Details -
        </td>
    </tr>
    </tbody>

</table>

JavaScript

$(document).ready( function () {
    $('#products').DataTable();
});