DataTable PrimeNG - Column Toggler

Question

我有一个包含11列的数据表。我正在使用可切换列功能。我想显示11个列选择选项，但最初只选择4个。我研究了MultiSelect组件的几个选项，但我没有找到我的问题的答案。

Answer 1

仅需要基于您选择的过滤器，使用columns数组中的一些列对象来初始化selectedColumns属性。

这是一个基于索引的示例，因此仅将前两列选择为默认值

this.selectedColumns = this.columns.filter((c,index) => index < 2);

Element

另一种方法是将默认属性添加到columns数组并对其进行过滤

  this.columns = [
      { field: 'vin', header: 'Vin' , default:true },
      { field: 'year', header: 'Year' },
      { field: 'brand', header: 'Brand' },
      { field: 'color', header: 'Color' ,default:true }
    ];

  this.selectedColumns = this.columns.filter((c) => c.default);