样式展示方案

收藏

你好，如附件中所示，红色部分②（空白）希望展示下划线，前面的文字①不要下划线

因为，①和②可能在同一个cell中，下划线和边框无法实现，这个展示方式可以实现吗？有什么解决方案？
现在的效果是：

空白太大，同时，这列列宽不可以缩短。
谢谢。

Fiooona · Fiooona

可以使用自定义单元格实现，参考这个例子：
https://demo.grapecity.com.cn/Sp ... ipHyperLinkCellType

sean_chen · sean_chen

本帖最后由 sean_chen 于 2019-10-14 10:03 编辑

Fiooona 发表于 2019-10-12 16:10
可以使用自定义单元格实现，参考这个例子：
https://demo.grapecity.com.cn/SpreadJS/cdn/extendedExample ...

你好，
我用你提供的方法实现了，但是移植到demo中就没有效果了，帮忙排查下是什么问题？
谢谢
代码在ExportXlsx.vue文件中的spreadInitHandle方法中

复制代码

Fiooona · Fiooona

不导入JSON是可以正常显示的，
image.png459530333.png

你的JSON文件影响的：
image.png119973143.png

你的这个文件是如何生成的？做了什么设置？

sean_chen · sean_chen

Fiooona 发表于 2019-10-14 15:04
不导入JSON是可以正常显示的，

你的JSON文件影响的：

Hi，
如附件，我已经把tag和单元格格式，字体都删掉了，还是不行，请帮忙排查下，谢谢。

Fiooona · Fiooona

问题已收到有结果回复您

sean_chen · sean_chen

Fiooona 发表于 2019-10-14 18:00
问题已收到有结果回复您

好的。
如果能在这一两天答复，希望越快越好，这个问题影响后续开发，万分感谢！！！

Fiooona · Fiooona

MutipHyperLinkCellType.prototype.paint = function(ctx, value, x, y, w, h, style, context) {
var hyperStyle = new GC.Spread.Sheets.Style()
hyperStyle.foreColor = 'black';
hyperStyle.font = style.font;
// hyperStyle.cellPadding = '0 0 0 55'
hyperStyle.textDecoration = GC.Spread.Sheets.TextDecorationType.underline;
var commonStyle = new GC.Spread.Sheets.Style()
commonStyle.foreColor = 'black';
commonStyle.font = style.font;
ctx.font = style.font;
this._sumItemTextWidth = 0;
this._itemsTextWidth = [];
GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, context]);
for (var i = 0; i < this._items.length; i++) {
var textWidth = parseInt(ctx.measureText(this._items[i]).width.toString()) + 10;
this._itemsTextWidth.push(textWidth);
if (i % 2 !== 0) {
GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this,[ctx, this._items[i], x + this._sumItemTextWidth, y, w, h, hyperStyle, context] )
} else {
GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, this._items[i], x + this._sumItemTextWidth, y, w, h, commonStyle, context])
}
this._sumItemTextWidth += textWidth;
}
}

复制代码

参考以上代码，将渲染单元格value放在渲染this._items的前面

sean_chen · sean_chen

Fiooona 发表于 2019-10-15 09:57
参考以上代码，将渲染单元格value放在渲染this._items的前面

你好，
如果是直接在页面渲染，是能够触发自定义类型的paint方法的，并且也有效果了。
我现在是在打印的时候，复制了一份sheet，并对复制后的sheet进行设置自定义单元格类型，不触发paint方法，这个有什么修改的方案吗？
附件中打印设置的单元格类型没有生效

Fiooona · Fiooona

https://gcdn.grapecity.com.cn/showtopic-51678-1-86.html
可以参考这个文章，自定义单元格实现打印

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

[已处理] 样式展示方案