样式属性style- FineReport帮助文档 - 全面的报表使用教程和学习资料

文档创建者：RosieY

历史版本：8

最近更新：RosieY 于 2023-01-31

报表服务器版本	移动端版本	功能变动
11.0.7	11.0.70	新增样式属性 style
11.0	-	-

样式属性 style，JS API 中有样式参数的接口中使用，符合 css 的规范，用来设置边框、背景、颜色、文字等样式。如showToolTip(opts) 中用 style 来设置提示框的样式、setStyle(opts) 中用 style 来设置单元格的样式。

支持的属性见下表：

分类	字段	样式说明	是否支持移动端
文本样式	fontWeight	是否粗体	否
	fontStyle	是否斜体	否
	fontFamily	字体	否
	fontSize	字号	是
	color	字体颜色	是
	lineHeight	文本高度	否
边框样式	border	上下左右边框	是
	borderTop	上边框	是
	borderBottom	下边框	是
	borderLeft	左边框	是
	borderRight	右边框	是
对齐方式注：普通报表不支持对齐方式属性	padding	内边距	是
	paddingTop	顶部填充	是
	paddingBottom	底部填充	是
	paddingLeft	左缩进	是
	paddingRight	右缩进	是
	lineHeight	文本行高/行间距	否
	verticalAlign	单元格内元素垂直对齐方式	是
	textAlign	文本水平对齐方式	是

示例：

1）使用 setStyle(opts) 给将决策报表中 report0 报表块 A1 单元格的字体设置为红色、加粗、14 号：

_g().getWidgetByName('report0').getCell(1,1).setStyle({
	fontSize: 14,
	color: 'red'
})

使用在模板中时，如点击按钮修改单元格的样式：

点击可下载模板：获取单元格后修改单元格样式.frm

2）使用 showToolTip(opts) 给决策报表中 report0 报表块设置一个字体加粗、字号 14、字型为“华文隶书”的提示框：

_g().getWidgetByName('report0').showToolTip({
	show: true, // 是否会出现弹窗
	style: { // 可选字段，不指定为默认样式，支持css标准样式的字段
		fontWeight: true,
		fontFamily: '华文隶书',
		fontSize: 14
		//符合css规则
	}
});

使用在模板中时，如给表格设置一个提示框：

点击可下载模板：鼠标悬浮单元格图片提示.frm