1 概述

移动端报表因尺寸的限制,需要进行尺寸及内容的适配显示,本章节对适配的关键属性进行描述。

2 尺寸适配

移动端因各设备屏幕尺寸大小不一的原因,我们需要对报表的宽度做自适应。具体设置如下:
1)因移动端尺寸较小,需将报表区域单元格列宽分别调窄一些,如下图:

2)对内容宽度不确定的列设置“列宽容器自适应”,设置步骤如下:
先启用对应列的“列宽自适应”属性,如下图:

再设置工作表属性的“列宽自适应”属性为“按容器”,如下图:

3 内容适配

移动端因各设备屏幕尺寸大小不一的原因,我们需要对内容做自适应。

3.1 内容自动换行

当内容需要自动换行并完整显示,需要对报表的行高做自适应。具体设置如下:
1)勾选单元格“自动换行”属性,如下图:








3.2 内容缩放适配

当内容区域固定且需要内容显示完整,需要对报表内容做缩放显示。具体设置如下:
1)设置单元格“缩放方式”属性为“内容缩放”,如下图:


  • 横向缩放(跟随视窗):以基准视窗尺寸为准,当视窗横向大于基准视窗时放大字体,视窗横向小于基准视窗时缩小字体;
  • 纵向缩放(跟随视窗):以基准视窗尺寸为准,当视窗纵向大于基准视窗时放大字体,视窗纵向小于基准视窗时缩小字体;
  • 内容缩放:以单元格大小为基准,当内容显示不全时自动缩小字体

    4 实例地址

    所属应用:智能报表实例
    模板地址:应用空间\lczReport\初级教程\清单报表_phone.hte
作者:zhaowenyao  创建时间:2023-06-30 16:42
最后编辑:fancy  更新时间:2024-10-31 17:13
2)对内容高度不确定的行设置“行高内容自适应”,设置步骤如下:先启用对应行的“行高自适应”属性,如下图:再设置工作表属性的“行高自适应”属性为“按内容”,如下图:示例效果如下图: 缩放方式:有“横向缩放(跟随视窗)”、“纵向缩放(跟随视窗)”、“内容缩放”三个选项。