点晴OA工作流表单模板中如何设置表格的固定列宽和行高？

---

：点晴OA工作流表单模板中如何设置表格的固定列宽和行高？

 

复杂表格模板设计参考以下教程：

如何直接调整工作流表单模板中表格的单元格行高和列宽？好像不能通过鼠标右键弹出菜单的方式设置[7269]
　 http://9806.oa22.cn

点晴OA中如何设计复杂格式的工作流表单模板？[198]
　 http://15239.oa22.cn

没有特殊原因都应该按照以上教程方法设计表单模板！

以下仅供参考，为设置表格所有列的固定列宽和行高：

方法1：

如果不熟悉CSS和HTML的话，建议用Word或Excel先设置好需要宽度的表格，在Word或Excel中为了设置固定的列宽，一定要用光标拖动所有列的边框线，确保Word或Excel来后台自动设置列宽，然后将设置好的表格复制到点晴OA工作流模板编辑器中，应该就可以实现固定列宽的表格了。

方法2：

在工作流模板编辑器中，直接用鼠标光标拖动表格边框线，也可以调整列宽，方法如下：

如何直接调整工作流表单模板中表格的单元格行高和列宽？好像不能通过鼠标右键弹出菜单的方式设置[603]
　 http://9806.oa22.cn

方法3：

用以上方法设置的表格，只能大致实现宽度控制，有时甚至与期望的效果相差很远。

如果熟悉HTML和CSS的话，就可以实现精确的表格固定列宽控制。在CSS中，宽度单位默认为px（像素点），在工作流表单编辑器中，切换到源码模式下，找到需要设置固定列宽的表格，在第一行tr中，找到td，然后在第一行的所有td中设置CSS宽度约束： width="100"（100是随便写的，以实际为准），设置完第一行中所有td的宽度后，再将这些宽度值相加，其合计值就是表格的宽度，然后将这个表格的table设置CSS宽度： width="960"（960是随便写的，以实际合计为准），然后将其他行tr的td中的宽度全部清除，就可以实现精确的表格列宽控制了。高度约束：height="30"，height就是高度的控制CSS符号，30是px（像素），可以更改为需要的高度，如果没有这个，手工添加这个到相应单元格或表格中即可。

注意：

固定宽度设置时，切勿将表格列宽用百分比来设置（例如：width="15%"），一定要用px（即直接使用数字：width="120"），否则一定会变形。

该文章在 2020/5/18 18:55:01 编辑过