瀟湘沐
2023-09-21 10:50:03
我正在使用 React Material Table。請(qǐng)協(xié)助我需要在所有行中默認(rèn)隱藏密碼列標(biāo)題和字段,并在特定行的編輯中顯示它,并且還用于添加新行。我使用了hidden: true屬性,但我無(wú)法為我正在編輯的特定行顯示它,也許我也可以只用星星顯示它,例如:-Password********但我無(wú)法這樣做。到目前為止,這是我的代碼:-const [columns, setColumns] = useState<any>([ { title: "Username", field: "username", draggable: false, cellStyle: { textAlign: "left" }, }, { title: "Password", field: "password", hidden: true, draggable: false, cellStyle: { textAlign: "left" }, },我只想為我正在編輯的特定行以及添加的新行顯示它。
1 回答

慕斯709654
TA貢獻(xiàn)1840條經(jīng)驗(yàn) 獲得超5個(gè)贊
您可以在密碼列定義上定義editComponent和render支持,如下所示:
? const tableColumns = [
? ?// ..other columns
? {
? ? title: "Password",
? ? field: "password",
? ? editComponent: ({ value, onChange }) => (
? ? ? <input
? ? ? ? type="text"
? ? ? ? value={value || ""}
? ? ? ? onChange={(e) => onChange(e.target.value)}
? ? ? />
? ? ),
? ? render: (rowData) => (
? ? ? <input
? ? ? ? type="password"
? ? ? ? value={rowData.password}
? ? ? ? readOnly />
? ? )
? }
];
這樣,該字段不會(huì)被隱藏,但密碼只會(huì)在更新或創(chuàng)建期間顯示。
添加回答
舉報(bào)
0/150
提交
取消