Breaking News: Grepper is joining You.com. Read the official announcement!

hide column in antd table using js / react with conditional rendering

Poised Pintail answered on August 18, 2021 Popularity 6/10 Helpfulness 4/10

answer hide column in antd table using js / react with conditional rendering

hide column in antd table using js / react with conditional rendering

Comment

let columns = [
  {
    title: "Name",
    dataIndex: "name",
    key: "name"
  },
  {
    title: "Age",
    dataIndex: "age",
    key: "age"
  },
  {
    title: "Address",
    dataIndex: "address",
    key: "address"
  },
  {
    title: "Action",
    key: "action",
    dataIndex: "action",
    hidden: true
  }
].filter(item => !item.hidden);

Popularity 6/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: antd conditional-rendering hide javascript using

Link to this answer
Share Copy Link