易智造服务中心
  • 首页
  • 授权申请
  • 版本记录
  • 帮助文档
  • 关于
  • 帮助中心
    帮助首页
  • 环境准备
    操作系统
    数据库
    依赖项和运行时
  • 新手入门
    开始使用
    数据准备
    权限管控
    常见问题
  • 智能制造
    计划模块
    生产模块
  • 质量管理
    质量规范
    质检模块
  • 设备模具
    设备模块
    工装/模具模块
  • 供应链
    采购模块
    仓管模块
    销售模块
  • 数据挖掘
    系统对接
    数据分析
  • 工作流
    工作流实现
操作系统 更多
  • 检测Windows系统下的硬件性能 2024-12-27
  • 如何安装CentOS系统 2024-01-25
  • 如何安装Ubuntu Server系统 2024-01-25
  • 如何安装WIndows Server系统 2024-01-25
  • 客户端支持的操作系统环境 2024-01-25
数据库 更多
  • 数据库编程一些可优化的事项 2024-12-18
  • Microsoft SQL Server数据库备份 2024-03-05
  • 数据库连接异常的说明 2024-02-01
  • Sql Server中的日期与时间函数 2024-01-31
  • SQL Server 中WITH AS的使用 2024-01-31
依赖项和运行时 更多
  • Windows下基本环境与功能的选择(IIS) 2024-01-25
  • Linux下运行时ASP.NET Core的安装 2024-01-25
  • WIndows下运行时ASP.NET Core的安装 2024-01-25
  • Windows环境下依赖项VC++的安装与注意事项 2024-01-25
  • Windows下系统依赖项Redis的安装方式 2024-01-25
开始使用 更多
  • 系统打印模板设置说明 2025-02-17
  • 系统配置appsettings.json参数说明 2024-03-20
  • 授权步骤和常见问题 2024-01-25
  • 版本更新后引起的授权异常处理 2024-01-25
  • 授权过期了如何处理 2024-01-25
数据准备 更多
  • 模块菜单管理 2025-01-16
  • 批量导入物料缩略图 2024-12-19
  • 权限管理 2024-03-05
  • 如何批量上传物料文件 2024-02-01
权限管控 更多
  • 为什么我的账号看不到任务列表/派工列表/报工列表 2025-02-21
  • 如何控制产线看板报工记录界面按钮权限 2024-11-26
  • 打印组件支持数据编辑功能 2024-08-13
  • 角色用户设置 2024-03-05
常见问题 更多
  • 系统操作时的常见报错的解决方法 2024-08-05
  • 系统上传文件异常的处理方法 2024-04-12
  • 系统打印出来的标签模糊怎么处理 2024-03-26
  • HC-25系列安灯集成配置 2024-02-03
  • 多功能自定义键盘如何设置按键 2024-01-25
计划模块 更多
  • 库存返工生产订单 2025-01-18
  • 生产主流程构建操作手册 2025-01-18
生产模块 更多
  • 产品码装箱组托 2025-05-10
  • 计件工资结算 2025-05-10
  • 现场终端操作台生产流程说明 2025-01-21
  • 工序委外处理 2025-01-18
  • 生产称重打标 2025-01-11
质量规范 更多
  • 不同质检分类的质检模板定义 2025-02-07
质检模块 更多
  • 设备检功能配置 2025-02-07
  • 供应链单据质检如何定义并打开调用 2024-03-26
设备模块 更多
  • 远端设备控制器工具使用说明 2025-05-15
  • 设备视频采集接口功能说明 2024-05-22
工装/模具模块 更多
  • 工装/模具单据(改造/复制)单 2024-11-21
  • 设备/工装/模具保养流程 2024-11-19
  • 设备/工装/模具维修功能 2024-11-19
采购模块 更多
  • 到货入库流程 2025-02-07
  • 标准收货流程 2025-01-10
  • 采购退货流程 2025-01-10
  • 关于LRP运算后没有出现在待发布列表中的问题说明 2024-03-29
仓管模块 更多
  • 库存盘点作业 2025-01-17
  • WMS支持APP扫描方式(单据下推扫描、扫描条码抛单、源单扫描条码核销) 2025-01-17
  • APP出入库扫描功能(无源单) 2024-12-29
  • 库位管理操作说明 2024-12-18
  • 仓库管理操作说明 2024-12-04
销售模块 更多
  • 自助提货应用 2025-01-21
  • 销售退货流程 2025-01-10
  • 销售发货流程 2025-01-07
  • 客户管理操作说明 2024-12-18
系统对接 更多
  • 企业微信内部应用集成步骤说明 2025-02-20
  • 钉钉企业内部应用集成步骤说明 2025-02-12
  • 比亚迪库存数据同步 2025-01-06
  • 实施文档-数据同步实操案例-ERP基础资料同步至MES 2025-01-04
  • 实施文档-数据同步实操案例-使用ERP接口将数据同步至ERP 2025-01-04
数据分析 更多
  • APP端ESOP信息展示增强方案 2025-05-28
  • 如何让报表表格铺满全屏 2025-05-16
  • APP报表中如何新增自定义看板 2025-03-05
  • APP报表中SN履历查询的方法 2024-03-29
工作流实现 更多
首页
首页

在报表类看板设计过程中会遇到需要将表格铺满全屏的情况,但如果只是将报表宽度和表格宽度高度设置成固定像素值,会引起不同分辨率情况下无法自适应的情况,即便进行缩放能全屏显示,但也会导致字体放大缩小而后显示模糊等衍生问题。本文主要介绍如何设置报表内容让表格自适应屏幕大小,呈现出和系统自带列表类似的效果。

一、宽度限制原则

 在表格属性配置中需遵循编辑器宽度约束,禁止超出容器边界。超宽布局将导致:

  1. 交互失效:横向滚动条激活后,列宽拖拽功能将不可操作
  2. 功能遮蔽:检索框、分页控件、导出设置等关键操作区将被截断
  3. 视觉错位:列头与内容区域可能出现不对齐现象

二、全屏适配方案 

如需实现自适应全屏表格,请按以下标准配置:

1.设置看板宽度高度为100%,点击报表属性的宽度高度单位可在像素(px)和百分比(%)之间切换

image.png

2.设置表格控件的宽度为100%,高度为100vh,1vh就是当前屏幕可见高度的1%,但高度100%对表格初始化时会无法撑开进而无法显示正确的高度,100vh则没有这个问题。

image.png

由此你就可以获得一个满屏看板,呈现效果接近系统自带列表,且不受屏幕分辨率影响:

  1. 完美适配:自动适应不同分辨率屏幕(1920×1080/1366×768等)
  2. 原生体验:交互模式与操作系统原生表格组件保持一致
  3. 功能保全:所有操作控件完整呈现且可用
  4. 滚动优化:纵向滚动智能管理,横向滚动仅对表格内容生效

image.png

注意:如果看板类报表需要启用自适应缩放的请不要使用百分比单位,会引起宽高显示异常。控件不可超出看板宽高,会不显示。

如果你不想这么设置,坚持用固定像素设置报表,也可以直接在看板地址后面加url参数size=zoom,页面会自动根据宽高进行缩放,但是缩放后字体会变得模糊。缩放参数需要加在url的参数部分,加在hash后面不会生效。(即:加在#前面,url参数第一个参数用“?”,后续参数用“&”连接。)

此文章解决您的问题了吗?
感谢您的反馈!

工翼信息技术有限公司

浙江省宁波市鄞州区金达路333号

dbhelp@163.com
公司
  • 联系我们公司
  • 申请系统授权
  • 产品版本记录
  • 帮助文档
服务
  • 专业顾问团队
  • 7*24 在线解答
  • 技术路线
  • 服务中心
订阅我们

我们会发送新闻和优惠信息。

工翼信息·服务中心 2025 © Indgo.cn All Rights Reserved. 浙ICP备2023009385号 Police 浙公网安备 33010602009975号