reactjs - mui数据表在工具栏弹出窗口上添加“保存”按钮

Question

我只想在工具栏弹出窗口中添加和删除列时能够具有保存功能，以便我可以在服务器端发送该信息。

我似乎无法找到关于如何修改或扩展工具栏弹出 ui 的明确答案。也许保存列信息的方式不同。如果是这样，我很高兴听到替代方案。以下是列的当前配置和选项

let col = this.state.attributes.map(col => {

    let obj = {
      name: col.display_name,
      options: {
        filter: true,
        customBodyRender: (value) => (<div style={{whiteSpace:'nowrap'}}>{value}</div>)
      }
    }

    return obj

})

表选项

const options = {
   filterType: "dropdown",
   responsive: "scrollMaxHeight",
   selectableRows: this.props.permissions.delete_contracts.display === 'enabled' ? 'multiple' : 'none',
   pagination: false,
   elevation: 5,
   onRowsDelete: this.onRowsDelete

};

Answer 1

我想到了。我正在使用新方法 - onViewColumnsChange - 而我真正需要的是旧方法 - onColumnsViewChange。有人有太多时间来进行这种改变。我真的不需要自定义按钮，只要我可以收集列名和操作即可。