如何使用antd隱藏表格的某一列？

Question

下面的示例代碼

{
title: 'Site', 
dataIndex: 'site'
}

我想隱藏站點欄，我還是 antd react ui 的新手。 並且在antd docs的列API中沒有顯示/隱藏功能。 我想在滿足特定條件后隱藏它，例如有 2 種用戶類型。 管理員用戶和一般用戶。

if(user_role = admin_user){
show column
elseif(user_role = general_user){
hide column
}

Answer 1

   getColumns = (userRole) => {
        switch(userRole){
          case 'AdminUser': { return  //return admin user columns here }
          case 'GeneralUser': { return //return the genral user columns here }
          default: { return //handle other cases.. or raise error}

      }
}

在您的表組件中調用該函數。（假設您的狀態具有用戶角色）

<Table columns = {this.getColumns(this.state.userRole)} />