历史版本13 :表格列宽调整 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本
JAR 包日期功能变动
5.1.82020-12-04表格列宽等分调整相关优化

1.2 应用场景

表格组件初始宽度即表格每个单元格初始加载时的宽度。如果对初始宽度不满意可以通过设置列宽等分,或进行手动调整。

1.3 功能简介

分组表、交叉表、明细表均支持列宽等分功能,列宽等分后,各列根据规则宽度相等且不受翻页等操作的影响。

相等列宽是根据表格展示的字段宽度及列数等相关数值计算出列宽大小,在页面大小变化时,会进行自适应调整界面。

注1:在仪表板预览界面下的操作不会改变表格的原始情况,刷新浏览器就会恢复初始状态。

注2:序号宽度是固定的不参与表格列宽等分。

2. 设置列宽等分编辑

可在三个地方设置:组件编辑界面、仪表板编辑界面、仪表板预览界面。

1)组件编辑界面。表格组件列宽等分入口如下图所示:

2020-12-02_10-03-11.png

2)仪表板编辑界面。表格组件列宽等分入口如下图所示:

1609832051165440.png

3)仪表板预览界面。表格组件列宽等分入口如下图所示:

2021-01-05_15-33-17.png

3. 取消列宽等分编辑

在制作完一个表格组件后,设置列宽等分,发现列宽等分效果并不理想,期望取消列宽等分。

点击列宽等分的按钮,则恢复初始列宽。如下图所示:

注:手动调整列宽后,也会自动取消列宽等分。

2020-12-01_16-30-52.gif

4. 手动调整列宽编辑

4.1 调整字段宽度

支持在表头手动调整列宽,同时也支持左右滑动调整最后一列的宽度。

通过将鼠标移动到需要调整宽度列的右边线或左边线处,待鼠标形状变为样式时,按住鼠标左右拖动改变列宽,如下图所示:

2020-12-01_16-33-31.gif

4.2 调整冻结列

在表格组件中,可设置冻结表格维度,将表格分区展示,在两个区域中间的位置可左右调整,为冻结列。

例如分组表的冻结列位置,左右拖动即可调整冻结列。如下图所示:

注 1:冻结列不包括表头部分。

注 2:调整冻结列后,若设置了列宽等分,则会取消列宽等分,恢复初始宽度。

2020-12-02_10-51-59.png

4.3 冻结列的字段调整和冻结列的调整的差异

  • 调整冻结列的字段

调整冻结列的字段,向右拖动,不会影响冻结列位置,会扩大冻结列字段宽度;向左拖动,会整体缩小冻结列和冻结列字段。如下图所示:

2020-12-02_14-46-08.gif

  • 调整冻结列

如果向右拖动冻结列,则冻结列字段会跟着变宽;向左拖动冻结列,则不会影响字段宽度,会出现滚动条。如下图所示:

2020-12-02_14-28-47.gif