如何根据 Tabulator 中的选定选项卡设置列

Question

我有几个选项卡，其中每个选项卡都有数据表。 我正在尝试使用制表符并根据活动选项卡尝试设置列。

我使用了setColumns方法，但出现错误： Cannot read property 'forEach' of undefined

请在其中找到带有我的代码的jsfiddle链接：

  var table = new Tabulator("#example-table", {
    layout: "fitColumns",
    //data : tabledata,
    autoColumns: true,

  });
  if (this.activeTabName == "Role Card") {
    let columns: [{
        title: "Name",
        field: "name",
        sorter: "string",
        width: 200
      },
      {
        title: "Progress",
        field: "progress",
        sorter: "number",
        formatter: "progress"
      },
      {
        title: "Gender",
        field: "gender",
        sorter: "string"
      },
      {
        title: "Rating",
        field: "rating",
        formatter: "star",
        align: "center",
        width: 100
      },
      {
        title: "Favourite Color",
        field: "col",
        sorter: "string"
      },
    ]
    table.setColumns(columns)
  }

https://jsfiddle.net/qc9r8t4p/

请帮助我实现这一目标。

Answer 1

您的代码中存在错误，导致当您将列变量传递给 setColumns 函数时未定义它

您将值分配给变量的位置

 let columns: [{

你有一个冒号而不是等号，它应该是：

 let columns = [{