I have folowed the footable pagination example given here But the pagination just doesnt work in my case.
the following is my code
<table id="exptab" class="table demo footable-loaded footable default" data-page-size="5">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody >
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</tbody>
<tfoot class="hide-if-no-paging">
<tr>
<td colspan="5" class="text-center">
<ul class="pagination">
</ul>
</td>
</tr>
</tfoot>
</table>
<script type="text/javascript">
$(function () {
debugger;
$('table').footable();
});
</script>
Here for pagination i have even added a ul class="pagination" however this too just doesnt work. Could someone please point out as to what is missing.