Question

我有一个包含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>

Answer 1

如果我完全了解您的需求，那么在填充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

默认DataTable PrimeNG - Column Toggler

1 个答案: