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

代碼：

const columns = [{title: '用戶編號(hào)',dataIndex: 'originalId',key: 'originalId',width: 70,},{title: '微信號(hào)',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}]

在微信字段出設(shè)置一個(gè)render，里面嵌入一個(gè) input框。

---

然后清除掉 input的樣式:

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

總結(jié)

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

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