使用自动合并行头后, 滚动页面时性能差（SJS-10733）

Derrick.Jiao

本帖最后由 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

麻烦帮忙看一下, 谢谢~

Derrick.Jiao · Derrick.Jiao

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

Derrick.Jiao · Derrick.Jiao

你好，我们的学习指南用的就是行头列头的自动合并，未能复现你描述的问题。请在附件的demo中复现你的问题，这边具体调研一下。 image.png258648070.png

https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/auto-merge/header-auto-merge/purejs

mis · mis

Derrick.Jiao 发表于 2021-11-8 12:06
你好，我们的学习指南用的就是行头列头的自动合并，未能复现你描述的问题。请在附件的demo中复现你的问题， ...

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

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

Derrick.Jiao · Derrick.Jiao

mis 发表于 2021-11-8 17:00
你好, 之前问题描述有误, 目前确实没有明显的卡顿问题.但是数据多的情况下合并后滚动相比于不合并滚动 ...

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

mis · mis

Derrick.Jiao 发表于 2021-11-8 17:36
这边下载了两个demo测试滚动均为复现你描述的明显掉帧情况，滚动的时候还是比较“丝滑”。请问你使用的浏 ...

使用的是chrome, 浏览器版本是 70.0.3538.77

mis · mis

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

mis · mis

mis 发表于 2021-11-8 17:50
附件为视频，看右边滚动条会看到类似跳动的感觉

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

Derrick.Jiao · Derrick.Jiao

mis 发表于 2021-11-8 17:59
附件为视频, 看右边滚动条会看到类似跳动的感觉

建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;

mis · mis

Derrick.Jiao 发表于 2021-11-8 18:16
建议你使用像素滚动后尝试。 spread.options.scrollByPixel = true;

你好, 像素滚动的交互不是我们想要的 (因为开启像素滚动后, 假如横向滚动条被拉动到中间了, 此时我只在竖向滚动, 横向也会跟着动), 而且开启像素滚动后, 自动合并单元格滚动掉帧的效果没有改善

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

[已处理] 使用自动合并行头后, 滚动页面时性能差（SJS-10733）

最佳答案

35 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证