JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css">
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
               
            </tr>
        </thead>
 
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                
            </tr>
        </tfoot>
 
        <tbody>
            <tr>
                <td><input value="Tiger Nixon"/></td>
                <td><input value="System Architect"/> </td>
                <td><input value="Edinburgh"/></td>                
            </tr>
            <tr>
                <td><input value="Garrett Winters"/></td>
                <td><input value="Accountant"/> </td>
                <td><input value="Tokyo"/></td> 
            </tr>
            <tr>
                <td><input value="Ashton Cox"/></td>
                <td><input value="Junior Technical Author"/> </td>
                <td><input value="San Francisco"/></td> 
            </tr>
            <tr>
                <td><input value="Cedric Kelly"/></td>
                <td><input value="Senior Javascript Developer"/> </td>
                <td><input value="Edinburgh"/></td>                
            </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function() {

        $('#example').dataTable({
            "sDom": 'Rlfrtip',
            "bInfo": false,
            "bLengthChange": false

        });
    } );