smart-table пейджер не работает

Question

У меня есть проект MVC Asp.net с AngularJs как фреймворк javascript.

Я использую smart-table угловой плагин для моей таблицы \ требование к сетке. Все работает нормально, но пейджер вообще не отображается на странице.

Ниже мой HTML-код:

<div data-ng-controller="gridcontroller" class="row"> 
    <label>Grid demo</label> 
    <table data-st-table="griddata" class="table striped"> 
     <thead> 
      <tr> 
       <th>first name</th> 
       <th>last name</th> 
       <th>birth date</th> 
       <th>balance</th> 
       <th>email</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr data-ng-repeat="row in griddata"> 
       <td data-ng-bind='row.firstName'></td> 
       <td data-ng-bind='row.lastName'></td> 
       <td data-ng-bind='row.birthDate'></td> 
       <td data-ng-bind='row.balance'></td> 
       <td data-ng-bind='row.email'></td> 
      </tr> 
     </tbody> 
     <tfoot> 
      <tr> 
       <td colspan="5" class="text-center"> 
        <div st-template="~/Scripts/Angular/Plugins/pagination.html" st-pagination="" 
st-items-by-page="10"> 
        </div> 
       </td> 
      </tr> 
     </tfoot> 
    </table> 

Pagination.html разметки, как показано ниже:

<div class="pagination" ng-if="pages.length >= 2"> 
<ul class="pagination"> 
    <li ng-if="currentPage > 1"> 
     <a ng-click="selectPage(1)">&lt;&lt;</a> 
    </li> 
    <li ng-if="currentPage > 1"> 
     <a ng-click="selectPage(currentPage-1)">&lt;</a> 
    </li> 
    <li ng-repeat="page in pages" ng-class="{active: page==currentPage}"> 
     <a ng-click="selectPage(page)">{{page}}</a> 
    </li> 
    <li ng-if="currentPage < numPages"> 
     <a ng-click="selectPage(currentPage+1)">></a> 
    </li> 
    <li ng-if="currentPage < numPages"> 
     <a ng-click="selectPage(numPages)">>></a> 
    </li> 
</ul> 

Когда я запускаю сайт, я вижу сетку со всеми записями (60 в моем случае) и пейджер разметка показана ниже:

<tfoot> 
    <tr> 
     <td colspan="5" class="text-center"> 
      <div st-template="/Scripts/Angular/Plugins/pagination.html"       st-pagination="" st-items-by-page="itemsByPage" class="ng-isolate-scope"> 
       <!-- ngIf: pages.length >= 2 --> 
      </div> 
     </td> 
    </tr> 
</tfoot> 

Я сделал каждый шаг, как упоминалось на сайте, но не может заставить пейджер работать. Любая помощь глубоко оценена.