reactjs - React Material UI 隐藏表格列并显示 onAdd

Question

我有一个表格列列表，我想在其中隐藏密码列并仅在onAdd触发功能时显示。

columns: [
        { title: 'Name', field: 'name' },
        { title: 'Email', field: 'email' },
        { title: 'Phone', field: 'phone' },
        { title: 'Location', field: 'location' },
        { title: 'Username', field: 'username' },
      //{ title: 'Password', field: 'password', editable: 'onAdd' },
    ],

材料表

 <MaterialTable
            columns={state.columns}
            data={state.data}
            editable={{
                onRowAdd: (newData) =>
                    new Promise((resolve) => {
                        setTimeout(() => {
                            resolve();
                            setState((prevState) => {
                                const data = [...prevState.data];
                                data.push(newData);
                                return { ...prevState, data };
                            });
                        }, 600);
                    })
            }}
        />

标签： reactjsmaterial-ui

Answer 1

我在这里找到了答案：

解决方案是添加hidden: true到对象。

{ title: "Seven", field: "seven", hidden: true }