VTable icon indicating copy to clipboard operation
VTable copied to clipboard

[Feature] react项目中使用可编辑表格,自定义单元格类型能否插入其他组件

Open mmmaomao21 opened this issue 1 year ago • 3 comments

What problem does this feature solve?

自定义单元格类型想设置一些自定义组件,现在是不可以的吗?

What does the proposed API look like?

直接插入class类组件等

mmmaomao21 avatar Jan 09 '24 06:01 mmmaomao21

是类似这样的么? image image 如果是这样的话, 你可以自定义编辑组件具体可以参考 文档

luda-dev avatar Jan 09 '24 06:01 luda-dev

是类似这样的么? image image 如果是这样的话, 你可以自定义编辑组件具体可以参考 文档

嗯这个我已经试过了,只能插入原生dom,我的诉求应该和#890 是一样的 希望可以插入一些class类、组件等

mmmaomao21 avatar Jan 10 '24 01:01 mmmaomao21

目前 react-vtable 还没有直接提供这样的功能,不过如 @luda-dev 提到的那样,你可以间接地使用这样的功能,比如像 #1005 里面一样在 onStart(aka beginEdit)时创建你需要的编辑器。不过这个例子里的代码需要进行一些调整:

  • 如果你需要消费 context,你应该使用 createPortal 而不是新建一个 root 节点
  • 如果你使用了 createRoot,你应该在 endEdit 时调用 root 上的 unmount 来释放资源
  • 如果你使用 react 18-,你应该调用 render 并使用 unmountComponentAtNode 来释放资源

如果 react-vtable 需要添加这样的支持的话,你希望 API 是什么样呢?

martesi avatar Mar 21 '24 08:03 martesi

https://visactor.io/vtable/demo-react/custom-layout/cell-custom-dom https://visactor.io/vtable/demo-react/functional-components/arco-select-editor

估计需求已经实现,可以验证下。如果有问题可以再提issue

fangsmile avatar Jun 27 '24 06:06 fangsmile