如何实现往单元格右侧格子插入内容，且超出边距需要移到下一行

收藏

本帖最后由 Richard.Huang 于 2023-10-20 11:56 编辑

产品：SpreadJS

image.png406990966.png

我想实现上图效果，有什么好的思路？

dexteryao · dexteryao

有几个问题问一下
1. 表格是根据一定的内容自动生成的还是人工在设计器设计的。如果是生成的，数据的数据结构是什么？
2. 点击按钮后插入的内容是固定的还是动态的，如果是固定的，长度能确定的话那移动单元格可能好做一些。

单纯从现在的描述看只能是量字符宽度然后移动。
还有个思路就是类似SpreadJS富文本单元格，把某个区域的内容通过json数据来描述，有文本框、文本框、按钮。然后写一个渲染方法在某个区域通过合并单元格来渲染内容，考虑好换行。
https://demo.grapecity.com.cn/sp ... ic-rich-text/purejs

tutu4216 · tutu4216

1.表格是在设计器设计的。
2.插入的内容是动态的，内容不固定

tutu4216 · tutu4216

我这边有考虑量字符宽度，不够的内容放在下面单元格中，这样代码的复杂性比较大，而且计算需要比较精准

dexteryao · dexteryao

这种情况我建议按照我说的，把用户设计的内容转换为类似富文本的json对象，点击按钮时候，在json对象中插入内容，然后根据内容完全重新渲染。这样会比单纯从按钮后面开始调整文本内容，简单而且后期再有其他需求拓展性也强很多。

总结来说，获取内容再重新渲染是要比递归去调整要容易的。

tutu4216 · tutu4216

大佬可以写个 demo 看看不

Joestar.Xu · Joestar.Xu

您好，问题收到，预计明天回复您。

dexteryao · dexteryao

@tutu4216 您有空了看一下之前发您的资料，有问题继续发帖或者联系我们。

		自动登录	找回密码
密码			立即注册

[已处理] 如何实现往单元格右侧格子插入内容，且超出边距需要移到下一行

7 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章