单元格支持HTML渲染不生效

Lynn.Dou

本帖最后由 627_BY 于 2023-3-13 19:52 编辑

1、照官网例子https://demo.grapecity.com.cn/SpreadJS/cdn/extendedExample/#/demos/htmlCell想配置单元格支持渲染HTML，不成功，在官网例子上改了一下样式运行也会不成功，请问是什么原因。想做图2的例子，一个合并的单元格有三行文字，最后一行文字和前两行小，且颜色不一样应该怎么做。或者说有办法不通过HTML，别的方法可也可以使同一个合并的单元格不同的行文字样式不同
image.png891567687.png

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2023-3-14 15:51 编辑

您好，
您将demo下载下来，添加上相关组件，然后修改自己的代码再运行看看。
如果不使用单元格HTML，可以试下富文本。
在单元格中设置wordWrap为true（自动换行），再设置富文本。
示例如下：

var sheet = spread.getActiveSheet()
sheet.getCell(1,1).wordWrap(true)
sheet.setRowHeight(1,100)
var richText = {
"richText": [
{
"style": {
"font": "14.6667px Calibri",
"foreColor": "rgb(255, 0, 0)",
"textDecoration": 0
},
"text": "第一句"
},
{
"text": "\r\n"
},
{
"style": {
"font": "14.6667px Calibri",
"foreColor": "rgb(0, 176, 80)",
"textDecoration": 0
},
"text": "第二句"
},
{
"text": "\r\n"
},
{
"style": {
"font": "14.6667px Calibri",
"foreColor": "rgb(0, 0, 0)",
"textDecoration": 0
},
"text": "第三句"
}
],
"text": "第一句\r\n第二句\r\n第三句"
}
sheet.setValue(1,1,richText,GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.ValueType.richText)

复制代码

学习指南-富文本相关介绍：
https://demo.grapecity.com.cn/sp ... rich-text#timestamp

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

[已处理] 单元格支持HTML渲染不生效

最佳答案

1 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人