[14.2.5] 特殊情况下分组列可能存在的绘制错误问题

收藏

比如某页面spread容器被压缩至非常小，div高度只有1、2个像素，然后通过js动态改变里面的datasource，然后再把界面恢复至正常大小，这个时候会发现自定义的单元格背景会给每一个单元格都绘制上背景框，正常情况下应该是第一列才有背景图，基本的自定义单元格背景代码如下：
let styleSource = new GC.Spread.Sheets.Style();
   styleSource.foreColor = "#47a5fe"; // "#2a99ff";
   styleSource.backgroundImage = "./static/icons/ly.png";
   styleSource.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.center;
   styleSource.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
   styleSource.vAlign = GC.Spread.Sheets.VerticalAlign.center;
   this.sheetData &&
      this.sheetData.forEach((d, i) => {
      this.sheet.setStyle(i, 0, styleSource);
   });

image.png870811767.png

湖南大商帮 · 湖南大商帮

本帖最后由湖南大商帮于 2024-11-13 17:56 编辑

或者说，数据行缩小到不可见范围内，如果绑定的数据有变化，容器高度再还原成正常的，界面就有些乱套了

image.png791836547.png

Joestar.Xu · Joestar.Xu

您好，

1、考虑到您的版本较久，建议升级到最新版本后试试看是否能够解决此问题。

2、根据您提供的图片和代码信息无法判断是什么原因造成的，能否请您提供一个完整的可以复现此问题的Demo，这边复现后调研一下看看。

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

[处理中] [14.2.5] 特殊情况下分组列可能存在的绘制错误问题

2 个回复

SpreadJS 认证

SpreadJS 高级认证