自定义单元格设置backColor时，发现背景色未占满整个单元格

收藏

本帖最后由 johnly 于 2020-7-1 15:26 编辑

demo见附件

如下图：第三行，第一列是自定义单元格实现的。自定义单元格的具体代码见cellType.js文件。
image.png60303648.png

为什么背景色没有占满整个单元格呢？

以及我的第三行，第一列是有张图片的，设置背景色后图片就看不到了。

如何处理这两个问题呀？

Fiooona · Fiooona

问题收到预计明天给您答复

Fiooona · Fiooona

调整后的Demo已上传

johnly · johnly

Fiooona 发表于 2020-7-2 13:53
调整后的Demo已上传

我下载看了。

大概看懂了。用空格代替缩进。

这样有个小问题啊。

其实我这个单元格是有showEllipsis提示的，如下图：
image.png246351622.png

有了空格之后，提示内容前面就会出现空格。这个怎么解决呢？

demo见附件

代码我只修改了显示showEllipsis。还有版本修改为13.1.4

Fiooona · Fiooona

给style加一个cellPadding:

YssBhCellType.prototype.paint = function(ctx, value, x, y, w, h, style, options) {
if (!ctx) {
return;
}
style.cellPadding = "0 0 0 30";
GC.Spread.Sheets.CellTypes.Text.prototype.paint.call(this, ctx, value, x , y, w, h, style, options);
let backgroundImgStyle = new GC.Spread.Sheets.Style();
backgroundImgStyle.backgroundImage = bgUrlMap[this._rowData.type];
let bgPosition = {
startX: 0,
startY: 0,
width: 24,
height: 24,
}
bgPosition.startX = 8 * (this._rowData.level - 1) + 28;
bgPosition.startY = Math.round((h - bgPosition.height) / 2);
GC.Spread.Sheets.CellTypes.Text.prototype.paint.call(this, ctx, '', x + bgPosition.startX, y + bgPosition.startY, bgPosition.width, bgPosition.height, backgroundImgStyle, options);
};

复制代码

johnly · johnly

Fiooona 发表于 2020-7-2 17:36
给style加一个cellPadding:

已实现需求，谢谢。

Fiooona · Fiooona

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

[已处理] 自定义单元格设置backColor时，发现背景色未占满整个单元格