Question

如何在AngularJS Datatable中设置页面长度？马上，人们会想要这样说......

$('#example'String).dataTable( {

  "pageLength"String: 50

} );

这个答案对我不起作用，因为我没有像那样定义我的数据表。我正在用ng ...创建它...

<table datatable="ng" id="orderTable" dt-options="dtOptions" class="table table-striped table-bordered" ng-init="initTableData()">

然后我定义了<thead>和<tbody>，然后在<tbody>内我定义<tr> ng-repeat就像这样...

 <tr ng-repeat="order in orders track by $index">

因此，使用AngularJS和HTML即时创建表。使用此设计，如何更改pageLength而无需切换到我问题顶部的前面提到的模式？

Answer 1

默认长度菜单为25,50,100 ......

您可以将初始显示长度设置如下。

$scope.dtOptions = DTOptionsBuilder.newOptions().withPaginationType('full_numbers').withDisplayLength(25);

如果您想要定义自己的长度菜单，请执行以下操作，表格的初始显示长度为5。

$scope.dtOptions = DTOptionsBuilder.newOptions().withPaginationType('full_numbers').withDisplayLength(5).withOption('lengthMenu', [[5, 10, 15, 20, 25,-1],[5,10,15,20,25,"All"]]);

从angular-datatables API info开始， DTOptionsBuilder 显示withDisplayLength(iDisplayLength)用于设置每页显示的项目数 iDisplayLength 你喜欢的尺码。

Datatables Angular JS设置页面长度

1 个答案: