如上圖所示，是一個利用antd制作的一個表格，現(xiàn)在講微信里面的字段設置成掩碼格式。

代碼：

const columns = [{title: '用戶編號',dataIndex: 'originalId',key: 'originalId',width: 70,},{title: '微信號',dataIndex: 'wxCode',key: 'wxCode',width: 70,render: (value) => <Input compact={true} value={value} disabled="false" type="password"/>},{title: '是否有效',dataIndex: 'status',key: 'status',width: 70,render: (value) => ValidStatus.getTextFromValue(value)},{title: '昵稱',dataIndex: 'nickname',key: 'nickname',width: 70}]

在微信字段出設置一個render，里面嵌入一個 input框。

---

然后清除掉 input的樣式:

.ant-input {width: 100%;height: 28px;border: 0px;outline: none;cursor: pointer;background: transparent; }

總結(jié)

以上是生活随笔為你收集整理的antd中表格的字段设置成掩码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。