Lynn.Dou 发表于 2022-11-11 16:55:03

【SpreadJS v16.0 新特性预览】支持自定义的单元格边角样式

本帖最后由 Lynn.Dou 于 2022-11-11 16:58 编辑

SpreadJS新增了装饰单元格的一种特性:cornerFold,可以用来标记一些单元格。
UI表现为在单元格的边角位置渲染小三角样式。

API说明:
ICornerFold{
    size: 描述cornerFold的大小, 默认值为 '6px';
    position: 描述单元格中cornerFoldi的位置, 默认值为'topLeft';
    color: dogear颜色, 默认值为'#FF3D00';
}示例如下:
var style = new GC.Spread.Sheets.Style();
style.decoration = {
    cornerFold: {
      size: 6,
      position: GC.Spread.Sheets.CornerPosition.leftTop,
      color: "red"
    }
}
sheet.setStyle(1, 1, style);

var style = new GC.Spread.Sheets.Style();
style.decoration = {
    cornerFold: {
      size: 8,
      position: GC.Spread.Sheets.CornerPosition.leftTop | GC.Spread.Sheets.CornerPosition.rightTop | GC.Spread.Sheets.CornerPosition.leftBottom | GC.Spread.Sheets.CornerPosition.rightBottom,
      color: "black"
    }
}
sheet.setStyle(1, 1, style);



页: [1]
查看完整版本: 【SpreadJS v16.0 新特性预览】支持自定义的单元格边角样式