角フットケア（ziscloud）は、フィルタリング後に10個の結果しか表示しません。

Question

私が持っているテーブルを並べ替えるために、Inspinia角度テーマのフットアブルを使用しています。実際のプラグインはziscloud angle footableです（https://github.com/ziscloud/angular-footableにあります）。テーブルには約50のエントリがあり、時間がたつにつれてそれ以上のものが得られる可能性があります。その意味ではページネーションは道のりです。 ページネーションを使用しようとしましたが、テーブルがすべてのフィールドを最初に読み込んだ後、最初の10個の項目がフィルタリングされます。

<table class="table table-hover footable toggle-arrow-tiny" data-page-size="8"> 
    <thead> 
     <tr> 
      <th width="2%" data-sort-ignore="true"></th> 
      <th width="15%" data-sort-initial="true">Publish date</th> 
      <th width="15%">Start date</th> 
      <th width="20%">Name</th> 
      <th width="15%" data-sort-ignore="true">Total bookings</th> 
      <th width="23%" data-sort-ignore="true"></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr data-ng-repeat="item in vm.pastEducation"> 
      <td class="icon"> 
      <img ng-src="{{ vm.showActivityIcon(item.activity.descriptionText) }}" class="list-icon" alt="{{item.activity.descriptionText}}" title="{{item.activity.descriptionText}}"> 
      </td> 
      <td>{{ item.publishDate == '' ? "" : (item.publishDate | date : "yyyy-MM-dd hh:mm") }}</td> 
      <td>{{ item.startDate | date : "yyyy-MM-dd hh:mm" }}</td> 
      <td>{{ item.name }}</td> 
      <td></td> 
      <td class="align-right buttons"> 
      <button data-ng-click="vm.viewEducation(item.id)" class="btn btn-default btn-xs btn-outline"> 
       Show 
      </button> 
      </td> 
      </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <td colspan="5"> 
       <ul class="pagination pull-right"></ul> 
      </td> 
     </tr> 
    </tfoot> 
</table> 

config.jsファイルに正しいjsが含まれていて、コントローラに何もロードしていません。

Answer 1

最初のページ付けはすべて最初から働いていましたが、すべての値を並べ替えると、テーブルヘッダーの1つをクリックした後にのみ表示されました。だから、残っていたのは、テーブルがロードされた後にフィルタリングをトリガする方法を見つけることでした。ここ は、

(function initController() { 
    return educationService.listMin().then(function(data) { 
     vm.ongoingEducation = data.ongoingEducation; 
     vm.pastEducation = data.pastEducation; 
     $timeout(function() { $('table').trigger('footable_redraw'); }, 0); 
    }); 
    })(); 

この関数$タイムアウトが行われ私のコントローラの初期化関数である（関数（）{$（ 'テーブル'）トリガー（ 'footable_redraw'）;}、0）; domがロードされた後にトリガし、フィルタリングを正常にトリガします。私はコントローラを使用しているので、コントローラの初めに$ timeoutを宣言する必要があります。