[v15-vue]有什么可能的原因会导致这种渲染结果?

沉沉

本帖最后由秋辞于 2022-8-12 11:54 编辑

colInfos: [ {name: 'xxTime', displayName: 'xx时间', pinned: 'left', size: 150, visible: true},];
this.colInfos.map((i, index) => {
if (index > 29) {
this.sheet.setStyle(-1, index, showTimeStyle);
}
})
我的colinfos里面大概一百多个字段，我设置了超过29的列，单元格类型都是时间，为什么只生效了一部分。有什么可能的原因会导致这种渲染结果? image.png274147032.png

沉沉 · 沉沉

第一可以直接优化下设置样式的代码，

this.colInfos.map((i, index) => {
if (index > 29) {
this.sheet.setStyle(-1, index, showTimeStyle);
}
})

复制代码

改为

sheet.getRange(0,5,datasource.length,colInfos.length-4,3).setStyle(showTimeStyle)

复制代码

其次加上suspendPaint ,resumePaint 等方法调用。一般用于做大量修改前后，加速渲染性能。
看下是否还有这些问题。

沉沉 · 沉沉

本帖最后由沉沉于 2022-8-12 16:05 编辑

可以整理出一份完整demo吗这边测试没有问题
image.png74261778.png

let dtsheet = spread.sheets[1];
var style = new GC.Spread.Sheets.Style();
style.foreColor = "green";
for(let i = 5;i<colInfos.length;i++){
dtsheet.setStyle(-1,i,style,GC.Spread.Sheets.SheetArea.viewport);
}

复制代码

秋辞 · 秋辞

沉沉发表于 2022-8-12 11:25
可以整理出一份完整demo吗这边测试没有问题

   //时间单元格处理
      var showTimeStyle = new GC.Spread.Sheets.Style();
      showTimeStyle.locked = false
      showTimeStyle.cellButtons = [
         {
            imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
            command: 'openDateTimePicker',
            useButtonStyle: true
         }
      ]
      showTimeStyle.dropDowns = [
         {
            type: GC.Spread.Sheets.DropDownType.dateTimePicker,
            option: {
            showTime: false
            }
         }
      ];