使用自动合并行头后, 滚动页面时性能差（SJS-10733）
本帖最后由 Derrick.Jiao 于 2021-11-9 14:30 编辑使用自动合并行头(不合并行头,合并普通的行也是如此)后, 滚动页面时性能差.具体表现在行头超过五列合并后在滚动页面时卡顿明显,合并的具体代码如下:
const range = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
// 设置了自动合并单元格的区域，不能重复设置，否则会抛出异常！清除它的合并策略：
sheet.autoMerge(
range,
GC.Spread.Sheets.AutoMerge.AutoMergeDirection.none
);
// 行头合并
sheet.autoMerge(
range,
GC.Spread.Sheets.AutoMerge.AutoMergeDirection.column,
GC.Spread.Sheets.AutoMerge.AutoMergeMode.free,
GC.Spread.Sheets.SheetArea.rowHeader
);
// 列头合并
sheet.autoMerge(
range,
GC.Spread.Sheets.AutoMerge.AutoMergeDirection.row,
GC.Spread.Sheets.AutoMerge.AutoMergeMode.free,
GC.Spread.Sheets.SheetArea.colHeader
);
看到论坛之前有类似的问题, 但是下面评论说在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 你好，我们的学习指南用的就是行头列头的自动合并，未能复现你描述的问题。请在附件的demo中复现你的问题，这边具体调研一下。
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/auto-merge/header-auto-merge/purejs
Derrick.Jiao 发表于 2021-11-8 12:06
你好，我们的学习指南用的就是行头列头的自动合并，未能复现你描述的问题。请在附件的demo中复现你的问题， ...
你好, 之前问题描述有误, 目前确实没有明显的卡顿问题.但是数据多的情况下合并后滚动 相比于 不合并滚动 会有明显的掉帧的情况. 因为学习指南里数据比较少. 我现在模拟的是3000行的情况.
附件为两个demo, 分别是合并行头 及 合并普通单元格的两种情况, 麻烦帮忙看一下, 谢谢~
mis 发表于 2021-11-8 17:00
你好, 之前问题描述有误, 目前确实没有明显的卡顿问题.但是数据多的情况下合并后滚动 相比于 不合并滚动...
这边下载了两个demo测试滚动均为复现你描述的明显掉帧情况，滚动的时候还是比较“丝滑”。请问你使用的浏览器以及浏览器版本是多少呢？
Derrick.Jiao 发表于 2021-11-8 17:36
这边下载了两个demo测试滚动均为复现你描述的明显掉帧情况，滚动的时候还是比较“丝滑”。请问你使用的浏 ...
使用的是chrome, 浏览器版本是 70.0.3538.77
附件为视频，看右边滚动条会看到类似跳动的感觉 mis 发表于 2021-11-8 17:50
附件为视频，看右边滚动条会看到类似跳动的感觉
附件为视频,看右边滚动条会看到类似跳动的感觉
mis 发表于 2021-11-8 17:59
附件为视频,看右边滚动条会看到类似跳动的感觉
建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;
Derrick.Jiao 发表于 2021-11-8 18:16
建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;
你好, 像素滚动的交互不是我们想要的 (因为开启像素滚动后, 假如横向滚动条被拉动到中间了, 此时我只在竖向滚动, 横向也会跟着动), 而且开启像素滚动后, 自动合并单元格滚动 掉帧的效果没有改善