这些组件样式，不仅能让表格更美观，领导也更爱看!

yund56 2025-04-22 08:32 33 浏览

一、表格组件样式概述

1. 概述

1.1 版本

FineBI 版本	功能变动
6.0	-

1.2 应用场景

用户通过调整表格组件样式，改变表格组件的风格，使表格更加美观。

1.3 功能简介

分组表、交叉表、明细表支持调整的组件样式功能有所区别。

分组表可以对是否显示标题、表格字体、表格行高、风格、合计行、格式、标题/表格背景、交互属性设置样式。
交叉表可以对是否显示标题、表格字体、表格行高、风格、合计行/列、格式、标题/表格背景、交互属性设置样式。
明细表可以对是否显示标题、表格字体、表格行高、风格、格式、标题/表格背景设置样式。

注：表格中的字体样式， Mac 系统下默认使用苹方， Windows 系统下默认使用微软雅黑。其中苹方字体仅在 Mac 系统下生效。

2. 对照的帮助文档

请对照自己所用表格调整组件样式：

表格	帮助文档
分组表	表格字体表格行高风格合计行/合计列交互属性表格格式表格背景
交叉表
明细表

二、表格字体

1. 概述

1.1 版本

FineBI 版本	功能变动
6.0	-

1.2 应用场景

你需要对表格的字体样式进行设置。

例如希望设置表格字体为「黑体」，并设置表头和表身的维度字段为「居左」显示，表身的指标字段为「居中」显示，如下图所示：

1.3 功能简介

使用「组件样式>表格字体」功能即可对表格的字体、颜色、字号、是否居中显示、加粗显示等进行设置。

2. 操作步骤

2.1 添加组件

使用内置数据「地区数据分析」，创建分组表，并将字段拖入分析区域，如下图所示：

2.2 设置表格字体

表格字体样式有两种选项：

自动：按照系统默认设置表格字体和样式。

注：表格中的字体样式， Mac 系统下默认使用苹方， Windows 系统下默认使用微软雅黑。其中苹方字体仅在 Mac 系统下生效。

自定义：可对表格的「表头」和「表身」字体自定义设置。

例如设置表格字体为「黑体」，并设置表头和表身的维度字段为「居左」显示，表身的指标字段为「居中」显示，如下图所示：

支持自定义的表格字体样式：

设置项	说明
字体	默认、黑体、宋体、仿宋、楷体、优设标题黑、庞门正道标题体、Arial、Helvetica Neue、Verdana、Times New Roman、液晶数字字体、Poppins Bold
字号	12-128
加粗
斜体
下划线
字体颜色
字体居中、居左、居右显示

三、表格行高

1. 概述

1.1 版本

FineBI 版本	功能变动
6.0	-

1.2 应用场景

由于数据文字过多，需要自动换行以显示全部内容，并调整行高，如下图所示：

2. 设置行高并换行显示

2.1 添加组件

使用内置数据集「航空承运信息表」创建分组表，如下图所示：

2.2 设置表格行高

点击表格行高下拉框，可设置「表头」和「表身」自动换行，并且可自定义「行高」。

设置表身自动换行，并增大行高，如下图所示：

注：5.1.17 以及之后的版本，优化了表格自动换行的展现效果，设置表格行高自动换行后，在不超过最大适应行高的前提下，字段会自动换行并完整显示内容。

创建css样式表的三种方法

上一篇：零基础学习HTML之CSS篇样式优先权和字体样式与段落样式
下一篇：CSS知识点总结

这些组件样式，不仅能让表格更美观，领导也更爱看!

一、表格组件样式概述

1. 概述

1.1 版本

1.2 应用场景

1.3 功能简介

2. 对照的帮助文档

二、表格字体

1. 概述

1.1 版本

1.2 应用场景

1.3 功能简介

2. 操作步骤

2.1 添加组件

2.2 设置表格字体

三、表格行高

1. 概述

1.1 版本

1.2 应用场景

2. 设置行高并换行显示

2.1 添加组件

2.2 设置表格行高

相关推荐

django留言板_留言板html好看的模板

你还在手动筛选吗?filter函数才是多条件筛选的yyds!

一次分享给你29个PHP基础常用类助力你快速提升

一篇文章轻松掌握VLookup、XLookup与Filter函数

软件工程培训，选择线上还是线下呢?

连南举办2024年软件正版化工作联席会议暨正版软件培训班

初学ThinkPHP(一):用TP6+LayUI实现数据表格

新函数FILTER函数_filter函数的作用

营商在上海_营商上海数字科技有限公司

Excel筛选也智能?一个FILTER函数就搞定!