#使用技巧#单据体列宽显示风格调整原创
金蝶云社区-波吉王子
波吉王子
13人赞赏了该文章 736次浏览 未经作者许可,禁止转载编辑于2023年01月30日 17:27:26

知识分类:其他

关键词:单据体、单据列表、列宽

 

一、问题描述/需求描述:

在界面设计时,会发现单据体列比较紧凑的显示居左。给单据体设置了固定列宽,在界面中不会生效,如图:

image.png

设置指定列列宽200px,宽度远大于其他列


保存后预览,发现列宽被【自适应】处理,宽度没有生效


 

image.png

二、思路与方案:

查找官方文档,发现列宽被平台强制设置了规则:

1. 列宽自适应居左显示。列表字段的宽度由设计器配置的固定宽度改为按实际业务数据自适应,自动计算显示宽度。

2. 不同字段之间有固定的最小间距,列宽有默认最大宽度限制。

3. 查看状态拖拽表头修改最大宽度限制,编辑状态拖拽表头修改编辑时显示的固定宽度。

4. 当列表数据发生变化时(筛选、翻页、搜索、刷新等),列宽将根据实际内容自动计算刷新。

从规则可以看出,列宽存在自适应设置,如果需要调整列宽显示效果,需要前往应用-配置工具-主题定制进行列宽显示设置。(注:主题定制需要管理员账户,主题定制效果是对全局影响)

 

三、实现过程:

         这里以设置列宽居左改为填充为例:

1、 进入主题定制列表,点击新增,配置主题内容:
设置单据体列宽配置为fit,表示自适应等分间距:单据体自适应后,如果表格还有剩余宽度,则把剩余宽度平均分配给每列,达到所有列充满表格的效果
(参数具体含义可以参考主题定制系列——JSON配置文件说明 (kingdee.com)

image.png

2、 保存主题后,切换账户后点击头像,在主题中切换为我们保存的主题

image.png

3、 刷新页面,查看显示效果,列宽被分配了更多的宽度:

image.png

四、效果图:

主题定制前,单据体列宽自适应,居左显示:
image.png
主题定制后,单据体列宽自适应,等分显示:

 image.png

五、开发环境版本

苍穹版本号

V4.0.020

六、参考资料:

主题定制系列——自定义表格的列宽模式 (kingdee.com)
主题定制系列——JSON配置文件说明 (kingdee.com)


赞 13