在格头区域加图标

Ellia.Duan

如何在格头区域加图标，如下图

9cbf0a9e6ee54932b939d7f958fff605.png315084838.png

Ellia.Duan · Ellia.Duan

slowsnail 发表于 2022-10-9 14:47
demo见附件

这边已经查看了您的代码，可以修改的地方有：
1、在vue组件中引入designer组件

import Designer from "@grapecity/spread-sheets-designer-vue"
components: {
GcSpreadSheetsDesigner: Designer
},

复制代码

2、初始化的config可以直接是GC.Spread.Sheets.Designer.DefaultConfig，如果在designerInitialized方法中，想要修改菜单栏，可以对其进行深拷贝
3、在designerInitialized方法，获取spread对象通过参数designer的getWorkbook()方法获取

designerInitialized(designer) {
this.designer = designer;
let spread = designer.getWorkbook();
。。。
}

复制代码

4、可以修改自定义类为如下写法

export class HighlightColumnItemsCellType extends GC.Spread.Sheets.CellTypes.ColumnHeader {
constructor() {
super();
this.RADIUS = 10;
this.HIGHLIGHT_COLOR = "rgb(40, 171, 240)";
this.NORMAL_COLOR = "rgb(128, 255, 255)";
this.HIGHLIGHT_TIP = "Remove highlight.";
this.NORMAL_TIP = "Highlight negative numbers.";
// spreadNS.CellTypes.ColumnHeader.apply(this);
}
}
// HighlightColumnItemsCellType.prototype = new spreadNS.CellTypes.ColumnHeader();