设置自适应高度

Richard.Huang

本帖最后由 Richard.Huang 于 2024-1-31 11:39 编辑

产品：SpreadJS
版本：V16.2.6

设置自适应高度后，页面打开的会很慢很慢，要十几二十秒

//自适应高度
const rowCount = this.activeSheet.getRowCount();
for (let row = 0; row < rowCount; row++) {
this.activeSheet.autoFitRow(row);
}

复制代码

Richard.Huang · Richard.Huang

从您的代码来看，主要原因应该是您的json数据量较大，这种情况下，我们建议不要一次性将所有的单元格的行高都设置自适应，因为自适应行高是要实时计算您单元格中内容的高度然后加上一个阈值后设置在您的单元格上的，在数据量较大的情况下，性能会非常差。您可以考虑仅自适应用户看到的区域，并监听用户的视图滚动，当页面发生变化时，去动态自适应行高。具体实现可以参考这篇技术博客：https://gcdn.grapecity.com.cn/fo ... read&tid=143095

Richard.Huang · Richard.Huang

您好，请问您的数据量是多少，如果可以的话，最好能够将您的这份未设置自适应高度的文件提供一下方便我们进行测试和调研，从而给您推荐合适的方案来解决您的问题

so_long · so_long

Richard.Huang 发表于 2024-1-29 16:54
您好，请问您的数据量是多少，如果可以的话，最好能够将您的这份未设置自适应高度的文件提供一下方便我们进 ...

没有数据的时候，初始化也是很慢的

so_long · so_long

本帖最后由 Richard.Huang 于 2024-1-31 11:40 编辑

Richard.Huang 发表于 2024-1-29 16:54
您好，请问您的数据量是多少，如果可以的话，最好能够将您的这份未设置自适应高度的文件提供一下方便我们进 ...

initWorkbook() {
this.$nextTick(() => {
let el = document.getElementById("excel-container");
this.workbook = new Workbook(el);
this.workbook.loadJSON(this.formData.detail, (spread) => {
this.spread = spread;
this.activeSheet = spread.getActiveSheet();
// 取消选中
spread.getActiveSheet().setActiveCell(null);
// 滚动条回到顶部
this.workbook.showCellPosition(this.activeSheet, { row: 0, col: 0 });
//自适应高度
const rowCount = this.activeSheet.getRowCount();
for (let row = 0; row < rowCount; row++) {
this.activeSheet.autoFitRow(row);
}
});
// 启用表单保护
const protectionOptions = {
...defaultProtectionOptions,
allowInsertRows: false, // 用户是否可以插入行。
allowInsertColumns: false, // 用户是否可以插入列。
allowDeleteRows: false, // 用户是否可以删除行。
allowDeleteColumns: false, // 用户是否可以删除列。
};
// 表单保护
this.workbook.enableFormProtection(this.activeSheet, protectionOptions);
});
},

复制代码

这是初始化的时候

so_long · so_long

Richard.Huang 发表于 2024-1-29 17:37
从您的代码来看，主要原因应该是您的json数据量较大，这种情况下，我们建议不要一次性将所有的单元格的行高 ...

好的，我试试

so_long · so_long

Richard.Huang 发表于 2024-1-29 17:37
从您的代码来看，主要原因应该是您的json数据量较大，这种情况下，我们建议不要一次性将所有的单元格的行高 ...

我在初始化时调用spread.bind(GC.Spread.Sheets.Events.Scroll, (sender, args) ，但是报错 image.png140608214.png

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-1-30 09:26 编辑

so_long 发表于 2024-1-30 08:39
我在初始化时调用spread.bind(GC.Spread.Sheets.Events.Scroll, (sender, args) ，但是报错

您好，您截图中第666行代码，获取spread对象的方式不对，不能通过designer.spread获取，
正确的代码是：

let spread = designer.getWorkbook()

复制代码

以及，您绑定了Scroll事件，SpreadJS没有Scroll事件
在此https://gcdn.grapecity.com.cn/fo ... read&tid=143095 文中，是监听了TopRowChanged事件

Richard.Huang · Richard.Huang

您好，上面同学提供的方案是否能够解决您的问题？

so_long · so_long

还在测试，有好几个表格要重新修改

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

[已处理] 设置自适应高度

最佳答案

17 个回复

SpreadJS 认证

SpreadJS 高级认证