DataTable PrimeNG - 列切换器

【问题标题】：DataTable PrimeNG - Column TogglerDataTable PrimeNG - 列切换器
【发布时间】：2017-11-06 19:58:00
【问题描述】：

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

【问题讨论】：

你能出示你的代码吗？
您找到解决方案了吗？

【解决方案1】：

您只需根据您选择的过滤器使用来自列数组的一些列对象初始化selectedColumns 属性。

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

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

stackblitz demo

另一种方式为列数组添加默认属性并在其上过滤基础

  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);

【讨论】：