反馈已提交

网络繁忙

单元格样式

  • 文档创建者:文档助手1
  • 编辑次数:41次
  • 最近更新:Catqiu 于 2022-01-13
  • 1. 概述

    1.1 版本

    报表服务器版本
    JAR包日期功能变更
    11.0----
    11.0.22022-01-07「跟随主题」格式新增内边框样式

    1.2 功能简介

    选中单元格,在右侧选择「单元格属性>样式」,可设置单元格样式为「跟随主题」或「自定义」。如下图所示:

    注:样式只控制单元格的显示效果,对单元格的实际值没有影响。

    1.png

    2. 跟随主题

    1)选中单元格后,点击「单元格属性>样式」,默认设置为「跟随主题」,选择某一个样式即可。这里的样式来源于当前模板选择的主题,不同的主题对应不同的样式,如下图所示:

    动画1.gif

    2)用户可根据实际情况选择需要的主题,也可以自定义主题以及主题内的样式,详情请参见文档:模板主题管理

    3. 自定义

    选中单元格后,点击「单元格属性>样式」,选择样式设置为「自定义」,用户可对文本样式、单元格样式和对齐方式分别进行设置,如下图所示:

    1.png

    3.1 文本

    3.1.1 字体

    字体部分设置可以选择字体「类型、字形、字体大小、颜色、下划线、删除线、阴影、上下标」。其中上下标默认为既无上标也无下标,如下图所示:
    1.png

    注1:由于 Chrome 浏览器的限制,在 Chrome 浏览器下查看报表,最小字体为 9,就算设置了更小号的字体也会显示为 9。

    注2:IE 浏览器仅有 10 及 11 版本支持阴影效果。

    3.2 单元格

    3.2.1 边框

    对于单元格的边框,可设置内外边框的线条样式和颜色。如下图所示:

    注:单元格设置边框后,最终显示效果和浏览器渲染方式有关,同一设置,不同的浏览器可能会表现出不同的效果。

    Snag_1a3814f.png

    注:用户也可点击工具栏上的边框按钮,对单元格边框进行自定义设置,如下图所示:

    Snag_1a5f983.png

    3.2.2 背景

    单元格背景填充设置项与纸张背景类似,详情请参见文档:纸张背景 。

    Snag_1a6dbc5.png

    3.3 对齐

    3.3.1 基本

    对齐方式是指单元格中文本的对齐方式,可分别设置水平对齐和垂直对齐方式,如下图所示:

    • 水平对齐:靠左、居中、靠右、分散对齐、默认。其中「默认」表示数字默认右对齐,非数字默认左对齐。

    • 垂直对齐:靠上、居中、靠下。默认居中。

    注:「分散对齐」在预览时显示为图片,字体会发生变化,且导出为 word 或 excel 时分散对齐效果会失效。

    Snag_1aae20b.png

    3.3.2 高级

    1)图片布局

    单元格内容为图片时,可设置图片布局为:默认、平铺、拉伸、适应,如下图所示:

    Snag_1ad2b20.png

    2)文本控制

    单元格文本控制格式有四种:自动换行、单行显示、单行显示(调整字体)、多行显示(调整字体)。如下图所示:

    Snag_1ae11c7.png

    四种文本控制方式的具体区别如下:

    方式定义示例
    自动换行

    不调整字体大小

    根据单元格大小显示,显示不完就自动换行

    image.png
    单行显示

    不调整字体大小

    根据单元格大小显示,显示不完就不再显示

    image.png
    单行显示(调整字体)

    调整字体大小

    默认一行显示完所有文字

    image.png
    多行显示(调整字体)

    调整字体大小

    默认多行显示完所有文字

    image.png

    注:单元格必须已设置自动调整行高,再设置自动换行才有效果的。仅设置自动换行是没有效果的。

    3)文本方向

    文字排列方式有三种:自定义角度、文字竖排(从左向右)、文字竖排(从右向左),其效果分别如下图所示:

    Snag_1b2b576.png

    注:除了自定义角度为 0 时,其他情况下,浏览器端预览时,单元格内容以图片格式显示。

    4)缩进

    用户可设置单元格文字左右缩进距离,默认左右各缩进 2px。如下图所示:
    Snag_1af850e.png

    5)间距

    用户可设置单元格段前间距、段后间距、行间距,如下图所示:

    段前间距:单元格内文字的段前距。

    段后间距:单元格内文字的段后距。

    行间距:单元格内每行文字之间的距离。

    Snag_1af3c2d.png

    4. 注意事项

    4.1 样式设置重置为默认

    第一步:我们将某个单元格样式设置为「跟随主题>小标题」。如下图所示:

    1.png

    第二步:点击「自定义」。如下图所示:

    此时单元格自定义的样式复制了主题样式显示,可修改为其他样式。

    1.png

    第三步:再点击回「跟随主题」,此时单元格样式会重置为「默认」。如下图所示:

    1.png

    4.2 切换主题样式设置重置为默认

    1)选择主题为「兼容主题」,设置单元格的样式为「跟随主题」中的一个样式。如下图所示:

    1.png

    2)将模板的主题切换为「经典浅灰」,由于「经典浅灰」的主题中没有对应的单元格样式,选中的单元格样式会重置为「默认」。如下图所示:

    动画1.gif

    4.3 移动端

    移动端支持所有显示跟随主题的所有样式,部分自定义单元格格式不支持,详情如下:

    1)单元格-边框:App 9.0 及以上版本支持实线和等距虚线,其他线型不支持。

    2)对齐-水平对齐 :App 9.0 及以上版本支持默认格式。

    3)对齐-文本控制 :HTML5 端不持单行显示(调整字体)、多行显示(调整字体)。

    4)对齐-文本方向:不支持。

    附件列表


    主题: 安装与升级
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭