如何将 iDisplayLength 与 angular 数据表一起使用？

Question

我有一个 angular 数据 table 但我只想默认显示 table 的 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)
];

但是没用。我有点不知道如何解决这个问题，因为 angular datatables 没有提到这个，原始 databtable 的例子太不一样了。有人知道如何解决这个问题吗？

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

如何将 iDisplayLength 与 angular 数据表一起使用？

How can I use iDisplayLength with angular datatables?

javascript

angularjs

angular-datatables