#使用技巧#巧用table标签完成页面排版
# 业务背景
客户希望在入职单上,分门别类上传大量附件文件(如:个人简历、人员履历表、学历证明、身份证复印件、其他证书等)。
为此我们配置了六个附件,附件从上到下依次排列,如下图
![Snipaste_20221201_204144.webp](/download/01003450a0c9f4da42f5990b7f3d4f82d9f1.webp)
客户提出,这样排列太占用空间,从美观和易用性角度考虑,希望改成每行3个。
既然客户有需求,即使不影响单据的使用,我们也把调整安排上了。
![Snipaste_20221201_204815.webp](/download/0100bbf95395f79a46efb0ce91975d2870a1.webp)
# 配置原理
可视化的页面配置工具,不支持将附件并行排列,因此需要从右上角进入XML界面编辑。
接着使用HTML的\标签定义表格:
```
```
效果如下
# 关键步骤
## 进入XML编辑界面
![Snipaste_20221201_210231.webp](/download/010040bb2d5b41d44cc3b609bb6a72a05560.webp)
## 找到合适的位置,把表格结构粘贴上去
![Snipaste_20221201_210406.webp](/download/01008197cac36f11480eb0913b5aab64ad20.webp)
客户电脑分辨率大多为1600x900,可以将每个表格的宽度设置为500,显得美观。
## 粘贴“附件”内容
```language
<attachment attachmentTitle="个人简历" required="true" field="QTFJ1" isShowUploader="false" isShowUploadTime="false" isShowRemark="false" replaceFlags="" />
```
![Snipaste_20221201_210630.webp](/download/0100406f8b9b22814c779453b02f3cf0eb2c.webp)
## 去除“批量下载”、“上传人”、“上传时间”、“备注”等内容,免得太过拥挤
![Snipaste_20221201_210845.webp](/download/0100a2c851b1584e4555b35d5f74bcd22baa.webp)
# 最终实现效果
![Snipaste_20221201_210722.webp](/download/010031229dd6c99c41378d28396816a5f61e.webp)
# 应用小结
- 新版s-HR单据页面,控件会根据屏幕宽度,动态排列,使用表格标签也可以实现每行的控件个数的控制。
- 通过 border="1",可以设置表格的边框,可以实现类似员工履历表之类的格式。
以上内容,有兴趣可以自行扩展练习。
A1 | A2 | A2 |
B1 | B2 | B3 |
A1 | A2 | A3 |
B1 | B2 | B3 |
#使用技巧#巧用table标签完成页面排版
# 业务背景客户希望在入职单上,分门别类上传大量附件文件(如:个人简历、人员履历表、学历证明、身份证复印件、其他证书等)。为此我们...
点击下载文档
本文2024-09-16 23:48:07发表“s-hr cloud知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-shr-56889.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章