Как использовать iDisplayLength с угловыми datatables?

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 
} 

угловой DataTables имеет вспомогательный метод для этого:

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

ли то же самое. Хотя это задает только количество видимых строк по умолчанию для каждой страницы. Вы можете изменить в раскрывающемся меню следующим образом:

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

демо ->http://plnkr.co/edit/YYg5D6MRkriCFtcRBNdR?p=preview