【15】addRowStateRule性能慢

收藏

20w行数据时，设置行hover状态时，渲染慢

代码如下：

var sheet = spread.getSheet(0);
sheet.setRowCount(200000)
sheet.suspendPaint();
const start = new Date().getTime();
const cfs = sheet.conditionalFormats;
const rowCount = sheet.getRowCount();
const columnCount = sheet.getColumnCount();
cfs.addRowStateRule(GC.Spread.Sheets.RowColumnStates.hover, new GC.Spread.Sheets.Style('#f4f5f5'), [
new GC.Spread.Sheets.Range(0, 0, rowCount, columnCount),
]);
console.log('duration updateStyle01', new Date().getTime() - start);
sheet.resumePaint();

复制代码

平均耗时1s，有没有优化空间
image.png268467101.png

【】

Joestar.Xu · Joestar.Xu

您好，受前端性能限制，在大数据量的情况下进行操作的时候是会对性能造成一定的影响的，您的设置行列状态的代码已经是最佳实践了，就目前来说没有进一步的优化空间。

我这边在v16版本中测试了一下，发现只有第一次加载的时间较长，第二次及以后的加载时间就很快，如果涉及到频繁设置行列状态又不想过多的影响性能，建议您升级到v16版本以满足您的需求。

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

[已处理] 【15】addRowStateRule性能慢

1 个回复

SpreadJS 认证

SpreadJS 高级认证