JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<table class="display" id="tblInfo">
<thead>
<tr>
<th>Sr.</th>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr role="row" class="odd">
<td>1</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="even">
<td>2</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="odd">
<td>3</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="even">
<td>4</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="odd">
<td>5</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="even">
<td>6</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="odd">
<td>7</td>
<td class="sorting_1">Mairaj</td>
<td>27</td>
<td>Street1</td>
</tr>
<tr role="row" class="even">
<td>8</td>
<td class="sorting_1">Mairaj</td>
...
JavaScript
var table = $("#tblInfo").dataTable({
'pageLength': 25,
'lengthMenu': [[10, 25, 50, 100, 150, 200, 250], [10, 25, 50, 100, 150, 200, 250]]
});