找回密码
 立即注册

QQ登录

只需一步,快速开始

mis

注册会员

5

主题

28

帖子

89

积分

注册会员

积分
89
mis
注册会员   /  发表于:2021-11-8 11:01  /   查看:11922  /  回复:35
1金币
本帖最后由 Derrick.Jiao 于 2021-11-9 14:30 编辑


使用自动合并行头(不合并行头,合并普通的行也是如此)后, 滚动页面时性能差.
具体表现在行头超过五列合并后在滚动页面时卡顿明显,合并的具体代码如下:
  1.       const range = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
  2.       // 设置了自动合并单元格的区域,不能重复设置,否则会抛出异常!清除它的合并策略:
  3.       sheet.autoMerge(
  4.         range,
  5.         GC.Spread.Sheets.AutoMerge.AutoMergeDirection.none
  6.       );
  7.       // 行头合并
  8.       sheet.autoMerge(
  9.         range,
  10.         GC.Spread.Sheets.AutoMerge.AutoMergeDirection.column,
  11.         GC.Spread.Sheets.AutoMerge.AutoMergeMode.free,
  12.         GC.Spread.Sheets.SheetArea.rowHeader
  13.       );
  14.       // 列头合并
  15.       sheet.autoMerge(
  16.         range,
  17.         GC.Spread.Sheets.AutoMerge.AutoMergeDirection.row,
  18.         GC.Spread.Sheets.AutoMerge.AutoMergeMode.free,
  19.         GC.Spread.Sheets.SheetArea.colHeader
  20.       );
复制代码


看到论坛之前有类似的问题, 但是下面评论说在14.0.0已经解决了, 不过我用的就是14版本的, 升级到 14.2.2版本问题依然存在

论坛类似问题链接如下:
https://gcdn.grapecity.com.cn/showtopic-81282-1-130.html

麻烦帮忙看一下, 谢谢~





最佳答案

查看完整内容

你好,我们的14.2.4已经发布,请升级至该版本后验证,这是npm地址 https://www.npmjs.com/package/@grapecity/spread-sheets

35 个回复

倒序浏览
最佳答案
最佳答案
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-8 11:01:42
来自 34#
你好,我们的14.2.4已经发布,请升级至该版本后验证,这是npm地址
https://www.npmjs.com/package/@grapecity/spread-sheets
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-8 12:06:59
2#
你好,我们的学习指南用的就是行头列头的自动合并,未能复现你描述的问题。请在附件的demo中复现你的问题,这边具体调研一下。 image.png258648070.png
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/auto-merge/header-auto-merge/purejs

features_cells_auto-merge_header-auto-merge_JavaScript.zip

3.98 KB, 下载次数: 1513

回复 使用道具 举报
mis
注册会员   /  发表于:2021-11-8 17:00:53
3#
Derrick.Jiao 发表于 2021-11-8 12:06
你好,我们的学习指南用的就是行头列头的自动合并,未能复现你描述的问题。请在附件的demo中复现你的问题, ...

你好, 之前问题描述有误, 目前确实没有明显的卡顿问题.但是数据多的情况下合并后滚动 相比于 不合并滚动 会有明显的掉帧的情况. 因为学习指南里数据比较少. 我现在模拟的是3000行的情况.

附件为两个demo, 分别是合并行头 及 合并普通单元格的两种情况, 麻烦帮忙看一下, 谢谢~


features_cells_auto-merge_header-auto-merge_JavaScript---合并行头.zip

4.45 KB, 下载次数: 1494

features_cells_auto-merge_header-auto-merge_JavaScript---合并普通单元格.zip

4.61 KB, 下载次数: 1485

回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-8 17:36:47
4#
mis 发表于 2021-11-8 17:00
你好, 之前问题描述有误, 目前确实没有明显的卡顿问题.但是数据多的情况下合并后滚动 相比于 不合并滚动  ...

这边下载了两个demo测试滚动均为复现你描述的明显掉帧情况,滚动的时候还是比较“丝滑”。请问你使用的浏览器以及浏览器版本是多少呢?

scroll.zip

4.94 MB, 下载次数: 1545

回复 使用道具 举报
mis
注册会员   /  发表于:2021-11-8 17:45:45
5#
Derrick.Jiao 发表于 2021-11-8 17:36
这边下载了两个demo测试滚动均为复现你描述的明显掉帧情况,滚动的时候还是比较“丝滑”。请问你使用的浏 ...

使用的是chrome, 浏览器版本是 70.0.3538.77
回复 使用道具 举报
mis
注册会员   /  发表于:2021-11-8 17:50:05
6#
附件为视频,看右边滚动条会看到类似跳动的感觉
回复 使用道具 举报
mis
注册会员   /  发表于:2021-11-8 17:59:07
7#
mis 发表于 2021-11-8 17:50
附件为视频,看右边滚动条会看到类似跳动的感觉

附件为视频,  看右边滚动条会看到类似跳动的感觉

IMG_1617.MP4

4.78 MB, 阅读权限: 150, 下载次数: 3

回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-8 18:16:57
8#
mis 发表于 2021-11-8 17:59
附件为视频,  看右边滚动条会看到类似跳动的感觉

建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;
回复 使用道具 举报
mis
注册会员   /  发表于:2021-11-9 09:32:08
9#
Derrick.Jiao 发表于 2021-11-8 18:16
建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;

你好, 像素滚动的交互不是我们想要的 (因为开启像素滚动后, 假如横向滚动条被拉动到中间了, 此时我只在竖向滚动, 横向也会跟着动), 而且开启像素滚动后, 自动合并单元格滚动 掉帧的效果没有改善
回复 使用道具 举报
1234下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部