数据表格绑定添加多表头不生效？

Lynn.Dou

本帖最后由美的人都早起于 2021-9-7 11:32 编辑

sheet.addSpan(0, 0, 1, 2, GC.Spread.Sheets.SheetArea.colHeader);
sheet.setValue(0, 0, "公共表头", GC.Spread.Sheets.SheetArea.colHeader);
sheet.setValue(1, 0, "1", GC.Spread.Sheets.SheetArea.colHeader);
sheet.setValue(1,1, "2", GC.Spread.Sheets.SheetArea.colHeader)

复制代码

VUE环境下数据表格，设置表头时没有生效

Lynn.Dou · Lynn.Dou

您看下上个回答中的图片，有示例代码：

下方为API链接：
https://demo.grapecity.com.cn/sp ... et.html#setRowCount
https://demo.grapecity.com.cn/sp ... ksheet.html#addSpan

image.png420586547.png

Lynn.Dou · Lynn.Dou

您好，这边在在线表格编辑器（V14.1.3）测试代码是正常生效的，如下图：
image.png359315795.png

请对比检查代码是否有误，
并升级至最新版测试问题是否解决。

如果仍未解决，请直接提供可复现此问题的demo，
这边在代码基础上测试下。

美的人都早起 · 美的人都早起

Lynn.Dou 发表于 2021-9-7 13:42
您好，这边在在线表格编辑器（V14.1.3）测试代码是正常生效的，如下图：

请对比检查代码是否有误，

我是表单绑定数据设置多表头

Lynn.Dou · Lynn.Dou

这边尝试将您的代码添加在vue demo，未能成功运行。 image.png666334228.png

请提供能直接运行的demo，便于这边快速复现此问题。

美的人都早起 · 美的人都早起

Lynn.Dou 发表于 2021-9-7 18:07
这边尝试将您的代码添加在vue demo，未能成功运行。
请提供能直接运行的demo，便于这边快速复现此问题。

改了一下

Lynn.Dou · Lynn.Dou

这边调试代码，发现几个问题： image.png641197509.png

1、item.span 为 undefined
您是否代码有误，应该是 item.addSpan?

2、修改为 item.addSpan 后，代码是生效的。
sheet2.addSpan(0, index, 1, item.addSpan, GC.Spread.Sheets.SheetArea.colHeader);
即：
// 从列头行索引为0列索引为4的单元格开始合并，合并为一行两列的单元格。具体看API
sheet2.addSpan(0, 4, 1, 2, GC.Spread.Sheets.SheetArea.colHeader);
image.png412942809.png

3、forEach 时，除了index为2时，!!item.adsdSpan 为false，其余均为false。
请检查下是否符合您的需求。

4、addSpan 方法中第3、4个参数表示为合并几行几列，
如果是是想实现多行表头，应该先给行头设置足够的行数，然后执行addSpan方法
如下图：
image.png957007751.png

综上，请结合自己需求修改代码逻辑。

美的人都早起 · 美的人都早起

Lynn.Dou 发表于 2021-9-8 09:59
这边调试代码，发现几个问题：
1、item.span 为 undefined
您是否代码有误，应该是 item.addSpan?

太感谢啦低级错误没发现

美的人都早起 · 美的人都早起

美的人都早起发表于 2021-9-8 10:49
太感谢啦低级错误没发现

亲为什么我这里不报错之后没有分表头啊

Lynn.Dou · Lynn.Dou

“没有分表头” 指的是什么？

是没有多行表头吗？
上个回答提到，多行表头的前提是有足够的行数，并且addSpan参数要正确，
具体请看下上个回答。

如果我的理解不对，您直接说明下需求，结合图片等说明下期待的效果是什么。

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

[已处理] 数据表格绑定添加多表头不生效？

最佳答案

10 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人