How i make Password protection table column using antd?

I am Working on ReactJs. i need to make table column with password Protection. i tried to make column with password protection. but it not work.

how I fix this problem.

{  
    key: "12",  
    title: "Profit/Loss",  
    dataIndex: "all_profitloss",  
    width: "5%",
    filterDropdown: ({setSelectedKeys,selectedKeys,confirm}) => {
      console.log('confirm', confirm)
      return(
        <>
          <Input.Password placeholder="input password"
           value={selectedKeys}
           onChange={(e) =>{
             setSelectedKeys(e.target.value)
            //  console.log(value)
           }}
          onPressEnter={()=> handleAuthentication(selectedKeys)}
          onBlur={() => {confirm()}} 
          />
        </>
      )
    },
    filterIcon: () => {
      return <UnlockOutlined /> ;
    },
    onFilter:(password,record)=>{
      console.log('password', password)
      if(password === '1234'){
        return record.all_profitloss
      }
     }
    }