javascript - Why the pagination of footable is not working? -

javascript - Why the pagination of footable is not working? -

i'm trying implement footable-2 in project, reason can't pagination working.

i'm next this tutorial , here have far table code:

<div id="maincontent"> <div id="alltrackersdiv" style="display: none;"> <label><b>active trackers</b></label> <table class="activetrackerstable" id="alltrackerstable" data-page-navigation=".pagination"> <thead> <tr> <th> id </th> <th> col 1 </th> <th> col 2 </th> <th> col 3 </th> </tr> </thead> <tbody data-bind="foreach: trackersobjarray"> <tr data-bind="click: test"> <td><span data-bind="text: tid"></span></td> <td><span data-bind="text: tname"></span></td> <td><span data-bind="text: pname"></span></td> <td><span data-bind="text: tcreate"></span></td> </tr> </tbody> <tfoot> <tr> <td colspan="4"> <div class="pagination"></div> </td> </tr> </tfoot> </table> </div> </div>

the problem paging not working. have 22 records in table , supposed start paging after 10th record

here how looks:

what missing here? @ point of view looks pretty fine. missing, can't understand mistake.

you can seek mentioning

data-page-size="10"

explicitly.

and if doesn't work, may issue due dynamic info beingness added footable.

use

$('#mytable').append(html).trigger('footable_redraw');

so footable redrawed , size limit applied.

reference links: footable info page size not respected , other issues due dynamic info in footable

javascript jquery footable