JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="pageContent">
        <div class="innerDiv">
            <table id="tableexample" class="display">
                <thead>
                    <tr>
                        <th>Option 1</th>
                        <th>Option 2</th>
                        <th>Option 3</th>
                        <th>Option 4</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td>Option 1</td><td>Option 2</td><td>Option 3</td><td>Option 4</td></tr>
                    <tr><td>Option 1</td><td>Option 2</td><td>Option 3</td><td>Option 4</td></tr>
                    <tr><td>Option 1</td><td>Option 2</td><td>Option 3</td><td>Option 4</td></tr>
                    <tr><td>Option 1</td><td>Option 2</td><td>Option 3</td><td>Option 4</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</body>

JavaScript

$(document).ready(function () {
    $('#tableexample').DataTable({
        "sPaginationType": "full_numbers",
            "bJQueryUI": true
    });
});