找回密码
 立即注册

QQ登录

只需一步,快速开始

Clark.Pan 讲师达人认证 悬赏达人认证 SpreadJS 开发认证

超级版主

200

主题

9899

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
15533

讲师达人悬赏达人微信认证勋章SpreadJS 认证SpreadJS 高级认证元老葡萄

Clark.Pan 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-4-27 08:39  /   查看:2543  /  回复:0
本帖最后由 ClarkPan 于 2020-4-27 08:41 编辑

在日常的开发中,常常遇到需要将内容放在一行显示,并且完全显示的情况。在SpreadJS中,针对这样的需求有两种方法进行设置。方法一:
设置wordWrap为false
https://demo.grapecity.com.cn/spreadjs/help/latest/content/SpreadJS~GC.Spread.Sheets.CellRange~wordWrap.html
这样的设置会造成下面的效果
image.png617601623.png
单元格中内容会放在一行显示,但超出部分的内容会被撑出。
方法二:
设置shrinkToFit为true
https://demo.grapecity.com.cn/spreadjs/help/latest/content/SpreadJS~GC.Spread.Sheets.CellRange~shrinkToFit.html
这样的设置效果如下:
image.png225928038.png
单元格内容会放在一行显示,并且不会被撑出,字体自动根据显示效果进行缩放
放大看效果如下:
image.png185805968.png
这里有一点要注意,浏览器默认设置中有最小字体显示的设置,例如chrome默认设置最小字体是12px,如果缩放超过12px将会成空白显示。这里需要手动设置最小字体,首先点击浏览器的设置按钮进入浏览器设置
image.png628266601.png
之后点击高级按钮选择语言,然后在右侧点击自定义字体
image.png177497557.png
之后拖拽最小字号,进行最小字号设置
image.png249554137.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部