javascript - 如何将 iDisplayLength 与 Angular 数据表一起使用？

Question

我有一个 Angular 数据表，但默认情况下我只想显示该表的 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 数据表没有提到这一点，而且原始数据表的例子太不一样了。有人知道如何解决这个问题吗？

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