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

问题描述

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

对于如何修改或扩展工具栏popover 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

};

解决方法

我知道了。我使用的是新方法onViewColumnsChange，而我真正需要的是旧方法onColumnsViewChange。某人手上有太多时间无法进行此更改。只要可以收集列名和操作，我就不需要自定义按钮。