antd - 使用 antd 隐藏表的列

Question

我们如何隐藏表格中的列以在前端显示，该列已存在于使用 Ant 设计表的数组中？

例如，我的数组对象中有一个名为 ID 的列，但不需要在表 View 中显示，它应该保存在 JSON 列表本身中以供引用。

Fiddle link - 在此示例中，我不想在表中显示 ID 列，但我已将该 ID 用于某些引用，例如行删除。

Answer 1

如果您已经有了生成列的代码，那么比实现自定义渲染方法来隐藏列更简单的选择就是将其从已完成的列列表中过滤出来，例如:

let columns = [
  {
    title: "Id",
    dataIndex: "id",
    key: "id"
  },
  {
    title: "Name",
    dataIndex: "name",
    key: "name"
  },
  {
    title: "Address",
    dataIndex: "address",
    key: "address"
  }
];

return columns.filter(col => col.dataIndex !== 'id');