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

【问题标题】：mui datatables adding 'save' button on toolbar popovermui数据表在工具栏弹出窗口上添加“保存”按钮
【发布时间】：2020-12-10 22:08:39
【问题描述】：

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

我似乎无法找到关于如何修改或扩展工具栏弹出框 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

};

【问题讨论】：

标签： reactjs toolbar popover mui-datatable

【解决方案1】：

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

【讨论】：