如何将iDisplayLength与角度数据表一起使用?

时间:2016-09-18 15:30:43

标签: javascript angularjs angular-datatables

我有一个角度数据表,但我只想默认显示该表的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)
];

但它没有用。关于如何解决这个问题,我有点迷失,因为角度数据表并没有提到这一点,原始数据表的例子太不同了。有人知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

以上并不完全正确。建议的表示法应为:

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