JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>
<h2>Test New DataTable</h2>

<table class="table datatable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Bob</th>
            <th>bob@email.com</th>
        </tr>
    </tbody>
</table>

JavaScript

var table = $(".datatable").DataTable({
        "bLengthChange": false,
            "bFilter": true,
            "sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>t<'row'<'col-xs-6'i><'col-xs-6'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
            "sLengthMenu": "_MENU_ records per page",
                "sSearch": "Filter:"
        },
            "aaSorting": [],
            "iDisplayLength": 15,
            "oSearch": {
            "bSmart": false
        },
        stateSave: true
    });