DataTable PrimeNG по умолчанию - Переключатель столбцов - PullRequest
Новая
       7

DataTable PrimeNG по умолчанию - Переключатель столбцов

0 голосов
/ 09 мая 2018

У меня есть дата с 11 столбцами. Я использую функцию переключаемых столбцов. Я хотел бы показать 11 вариантов выбора столбцов, но изначально хочу отобразить 4 выбранных. Я изучил несколько вариантов компонента MultiSelect, но не нашел ответа на свой вопрос

Машинопись: 

this.columnOptions = [];

    for(let i = 0; i < this.cols.length; i++) {
     if(!(this.cols.header === this.fields.BULKACTIONS.header || this.cols.header === this.fields.TASKID.header || this.cols.header === this.fields.ACTIONS.header)){
      this.columnOptions.push({label: this.cols.header, value: this.cols});
     }
    }

HTML: 

<p-header>
  <div style="text-align:left">
    <p-multiSelect [options]="columnOptions" [(ngModel)]="cols"></p-multiSelect>
  </div>
 </p-header>

1 Ответ

0 голосов
/ 10 мая 2018

Если я хорошо понял вашу потребность, вы можете slice ваш cols массив после заполнения columnOptions массива: 

    this.columnOptions = [];
    for (let i = 0; i < this.cols.length; i++) {
      this.columnOptions.push({ label: this.cols[i].header, value: this.cols[i] });
    }

    this.cols = this.cols.slice(0, 4);

См. StackBlitz

...