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

Posted 2023-02-22

【中文标题】mui数据表在工具栏弹出窗口上添加“保存”按钮

【英文标题】：mui datatables adding 'save' button on toolbar popover

【发布时间】：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

;

【参考方案1】：

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