找回密码
 立即注册

QQ登录

只需一步,快速开始

人本人云
注册会员   /  发表于:2022-8-17 16:27  /   查看:1936  /  回复:9
1金币
1660724553185(1).jpg770718078.png 1660724612615(1).jpg615214843.png 1660724642417.jpg231547545.png

最佳答案

查看完整内容

看了你的代码,问题在数据源上面,不在代码上面。 dataList1、dataList2、dataList3都存在相同属性“检验结果”导致第一个检验结果不出现,只出现第二个检验结果。如果这里把第一个检验结果改一个名称就可以了这个是改了的页面,应该符合你的预期 想问下,这边的数据源为什么有两个一模一样的属性,还是说为了配合列头自动合并呢? 同时建议使用手动生成列,设置每个列的宽度

9 个回复

倒序浏览
最佳答案
最佳答案
沉沉悬赏达人认证
金牌服务用户   /  发表于:2022-8-17 16:27:28
来自 6#
本帖最后由 沉沉 于 2022-8-18 09:56 编辑

看了你的代码,问题在数据源上面,不在代码上面。
dataList1、dataList2、dataList3都存在相同属性“检验结果”导致第一个检验结果不出现,只出现第二个检验结果。如果这里把第一个检验结果改一个名称就可以了
  1.      let dataList1 = [
  2. {
  3. "序号": "2",
  4. "样品名称": "绝缘隔板(10kv)",
  5. "检验项目": "交流耐压试验",
  6. "要求": "工频耐压:60KV;持续时间:1min",
  7. "检验结果1": "1#",
  8. "检验结果": "符合要求",
  9. "单项判定": "合格"
  10. }, {
  11. "序号": "2",
  12. "样品名称": "绝缘隔板(10kv)",
  13. "检验项目": "交流耐压试验",
  14. "要求": "工频耐压:60KV;持续时间:1min",
  15. "检验结果1": "2#",
  16. "检验结果": "符合要求",
  17. "单项判定": "合格"
  18. }]
复制代码
这个是改了的页面,应该符合你的预期
image.png956675414.png
想问下,这边的数据源为什么有两个一模一样的属性,还是说为了配合列头自动合并呢?
同时建议使用手动生成列,设置每个列的宽度
  1. let colInfos = [
  2.         {name: '序号', displayName: '序号', size: 40},
  3.         {name: '样品名称', displayName: '样品项目', size: 120},
  4.         {name: '检验项目', displayName: '检验项目',size: 120},
  5.         {name: '要求', displayName: '要求', size: 300},
  6.         {name: '检验结果1', displayName: '检验结果', size: 100},
  7.         {name: '检验结果', displayName: '检验结果', size: 100},
  8.         {name: '单项判定', displayName: '单项判定', size: 100},
  9.       ];
  10.       sheet1.autoGenerateColumns = false;
  11.       sheet1.setDataSource(dataList1);
  12.       sheet1.bindColumns(colInfos);
  13.       sheet.addSpan(0,4,1,2,GC.Spread.Sheets.SheetArea.colHeader);
复制代码

回复 使用道具 举报
沉沉悬赏达人认证
金牌服务用户   /  发表于:2022-8-17 18:00:00
2#
image.png274116820.png
image.png283573302.png
这边没有进行数据绑定前是可以自动合并列头,您这边是否可以提供设置数据源的demo
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-17 18:07:38
3#
如楼上所述,请提供下可复现的demo文件,以便进一步的测试调研。
回复 使用道具 举报
人本人云
注册会员   /  发表于:2022-8-18 08:51:46
4#
沉沉 发表于 2022-8-17 18:00
这边没有进行数据绑定前是可以自动合并列头,您这边是否可以提供设置数据源的demo

框架Vue,node.js版本是14.12.1,npm版本6.14.8

标题区域自动合并.zip

35.26 KB, 下载次数: 282

回复 使用道具 举报
人本人云
注册会员   /  发表于:2022-8-18 09:02:03
5#
沉沉 发表于 2022-8-17 18:00
这边没有进行数据绑定前是可以自动合并列头,您这边是否可以提供设置数据源的demo

1660784437491.jpg833348388.png 出来的效果大概是这个样子,
1660784437491.jpg489470824.png
回复 使用道具 举报
人本人云
注册会员   /  发表于:2022-8-18 11:19:59
7#
沉沉 发表于 2022-8-18 09:51
看了你的代码,问题在数据源上面,不在代码上面。
dataList1、dataList2、dataList3都存在相同属性“检验 ...

非常感谢,您回复的结果。(两个一摸一样的属性:一方面对接客户,另一方面将其原因,反馈给厂家)
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-18 17:16:31
8#
请问您的问题已经解决了吗?
如果已解决那本帖就先结贴了,有问题欢迎另开新帖交流。
回复 使用道具 举报
人本人云
注册会员   /  发表于:2022-8-18 17:45:53
9#
Lynn.Dou 发表于 2022-8-18 17:16
请问您的问题已经解决了吗?
如果已解决那本帖就先结贴了,有问题欢迎另开新帖交流。

解决了。感谢
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-18 17:48:23
10#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部