JavaScript 表格配置动态控制列显隐

changeColumn(arr) {
  const traverse = (config, arr) => {
    for (let i = 0; i < config.length; i++) {
      const column = config[i];
      if (column.children) {
        traverse(column.children, arr);
      } else {
        const prop = column.prop;
        if (arr.includes(0)) {
          column.hide = true;
        } else {
          column.hide = arr.includes(1);
          column.children[0].hide = arr.includes(2);
          column.children[1].hide = arr.includes(3);
          column.children[2].hide = arr.includes(4);
          column.children[3].hide = arr.includes(5);
        }
      }
    }
  };

  traverse(this.tableConfig, arr);
}

使用示例：

const arr = [1, 4]; // Example array, you can pass your own array here
changeColumn(arr);

这样根据传入的数组，就可以实现根据不同的值来控制表头的显隐。