JSFiddle - React, Tailwind, and code Playground

by Donlee Malacad

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.7.5/css/demo_table.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.7.5/css/demo_table_jui.css">
<script src="https://cdn.datatables.net/1.7.5/js/jquery.dataTables.min.js"></script>
<table id="myTable">
    <thead>
        <tr>
            <th>Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td>
            <td>data1</td>
            <td>data1</td>
        </tr>
        <tr>
            <td>data2</td>
            <td>data2</td>
            <td>data2</td>
        </tr>       
    </tbody>
</table>

CSS

#myTable_info {
    text-align: right;
}

JavaScript

$(document).ready(function(){
    $('#myTable').dataTable({"sDom": '<"H"lr><"clear">t<"F"ip>' });
});