如何將iDisplayLength與角度數據表一起使用？

Question

我有一個角度數據表，但是默認情況下我只想顯示該表的5行。 我查閱了文檔資料，並說我應該修改的屬性是iDisplayLength。 我嘗試這樣做：

var vm = this;

vm.quotationsOptions = DTOptionsBuilder.newOptions().iDisplayLength = 5;

vm.quotationsCollumns = [
    DTColumnDefBuilder.newColumnDef(8), // Number
    DTColumnDefBuilder.newColumnDef(9), // Phase
    DTColumnDefBuilder.newColumnDef(10), // Reason
    DTColumnDefBuilder.newColumnDef(11)
];

但這沒用。 我對如何解決這個問題有些迷惑，因為角度數據表未提及此問題，並且原始數據表的示例也有很大不同。 有人知道如何解決這個問題嗎？

Answer 1

以上並不完全正確。 建議的表示法應為：

vm.quotationsOptions = {
  iDisplayLength: 5
  //pageLength: 5 is the the same, 1.10.x naming
}

angular-dataTables為此提供了一個輔助方法：

vm.quotationsOptions = DTOptionsBuilder.newOptions().withDisplayLength(5)

是一樣的。 盡管這僅設置了每頁可見行的默認數量。 您可以通過以下方式更改下拉菜單：

.withOption('lengthMenu', [ [5, 10, 15, -1], [5, 10, 15, "All"] ] )

演示-> http://plnkr.co/edit/YYg5D6MRkriCFtcRBNdR?p=preview