html设置单元格字体,SpreadJS单元格字体设置

SpreadJS中Style是我们经常使用的功能,而字体也是其中比较重要的一部分,今天我们详细说说字体的设置使用。

SpreadJS单元格的字体设置是遵守CSS font 属性规则,通过设置SpreadJS中Style的font属性可改变字体样式。例如设置style.font = 'italic small-caps bold 20pt/22pt "Times New Roman",Georgia,Serif'; 可以得到如下效果。只需要根据css font 属性规则设置不同参数即可。

f7b5e376588b72fcd4754cfbf1e7fccf.png

SpreadJS并没有提供针对font-size、font-weight等属性的单独设置,如果我们希望更新一个单元格字体的某个属性,可以借助HTML元素。下面代码中我们使用JQuery创建一个DOM元素,将单元格font复制给span,然后使用JQuery的css方法改变font不同属性的内容,最后获取font字符串,重新设置到单元格Style。 $("#btnChangeFont").click(function(){var cssStyle = activeSheet.getStyle(2,2) || new GcSpread.Sheets.Style();var fontElement = $("");fontElement.css("font", cssStyle.font);fontElement.css("font-style", 'oblique');fontElement.css("font-variant", 'normal');fontElement.css("font-weight", 'lighter');fontElement.css("font-size", '300%');fontElement.css("font-family", 'arial,sans-serif');cssStyle.font = fontElement.css("font");activeSheet.setStyle(2,2,cssStyle,GcSpread.Sheets.SheetArea.viewport);});

只要理解了font属性的设置规则,改变字体就不是什么困难的事情了。上面代码执行后效果

f77ed6ec5f93f9a7dcc25470d5bb1d61.png

更多资源

如果您对SpreadJS产品感兴趣,可以到官方网站下载试用:/developer/spreadjs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值