#使用技巧#巧用table标签完成页面排版

栏目:s-hr cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-16浏览:1

#使用技巧#巧用table标签完成页面排版

# 业务背景 客户希望在入职单上,分门别类上传大量附件文件(如:个人简历、人员履历表、学历证明、身份证复印件、其他证书等)。 为此我们配置了六个附件,附件从上到下依次排列,如下图 ![Snipaste_20221201_204144.webp](/download/01003450a0c9f4da42f5990b7f3d4f82d9f1.webp) 客户提出,这样排列太占用空间,从美观和易用性角度考虑,希望改成每行3个。 既然客户有需求,即使不影响单据的使用,我们也把调整安排上了。 ![Snipaste_20221201_204815.webp](/download/0100bbf95395f79a46efb0ce91975d2870a1.webp) # 配置原理 可视化的页面配置工具,不支持将附件并行排列,因此需要从右上角进入XML界面编辑。 接着使用HTML的\标签定义表格: ```
A1 A2 A2
B1 B2 B3
``` 效果如下
A1 A2 A3
B1 B2 B3
# 关键步骤 ## 进入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",可以设置表格的边框,可以实现类似员工履历表之类的格式。 以上内容,有兴趣可以自行扩展练习。

#使用技巧#巧用table标签完成页面排版

# 业务背景客户希望在入职单上,分门别类上传大量附件文件(如:个人简历、人员履历表、学历证明、身份证复印件、其他证书等)。为此我们...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息