如何在Mantine React Table中扩展onColumnVisibilityChange且保留原有功能？

要实现这个需求，无需完全重写onColumnVisibilityChange，只需在自定义回调中先执行默认的列可见性更新逻辑，再添加自定义操作即可：

• 利用onColumnVisibilityChange回调提供的updater参数，它是表格内部处理列可见性变更的默认函数，调用它就能保留原有功能
• 在updater执行完成后，编写你的自定义操作（比如存储状态、发送请求等）

代码示例：

const table = useMantineReactTable({
  // 你的表格配置项...
  onColumnVisibilityChange: (updater, state) => {
    // 执行默认的列可见性更新逻辑
    updater();
    // 这里添加你的自定义操作
    console.log('列可见性已更新:', state.columnVisibility);
    // 示例：将列可见性状态保存到本地存储
    localStorage.setItem('mrtColumnVisibility', JSON.stringify(state.columnVisibility));
  },
});

这样既保留了表格原本的列可见性切换功能，又能在变更完成后执行自定义逻辑。

内容的提问来源于stack exchange，提问作者user18974278