JSFiddle - React, Tailwind, and code Playground

by hunkyhari

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<table class="data">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>String 1</td>
            <td>String 1</td>
        </tr>
        <tr>
            <td>String 2</td>
            <td>String 2</td>
        </tr>
        <tr>
            <td>String 3</td>
            <td>String 3</td>
        </tr>
        <tr>
            <td>String 4</td>
            <td>String 4</td>
        </tr>
    </tbody>
</table>

JavaScript

$("document").ready(function(){
    $(".data").dataTable({
        "sPaginationType": "full_numbers",
		"sDom":'rt<"displayResults"><p>',
		"iDisplayLength": 2,
		"bJQueryUI ":false
    });
});