：點(diǎn)晴OA工作流表單模板中如何設(shè)置表格的固定列寬和行高？

 

復(fù)雜表格模板設(shè)計(jì)參考以下教程：

以下僅供參考，為設(shè)置表格所有列的固定列寬和行高：

如果不熟悉CSS和HTML的話，建議用Word或Excel先設(shè)置好需要寬度的表格，在Word或Excel中為了設(shè)置固定的列寬，一定要用光標(biāo)拖動(dòng)所有列的邊框線，確保Word或Excel來(lái)后臺(tái)自動(dòng)設(shè)置列寬，然后將設(shè)置好的表格復(fù)制到點(diǎn)晴OA工作流模板編輯器中，應(yīng)該就可以實(shí)現(xiàn)固定列寬的表格了。

在工作流模板編輯器中，直接用鼠標(biāo)光標(biāo)拖動(dòng)表格邊框線，也可以調(diào)整列寬，方法如下：

如何直接調(diào)整工作流表單模板中表格的單元格行高和列寬？好像不能通過(guò)鼠標(biāo)右鍵彈出菜單的方式設(shè)置[603]
　 http://9806.oa22.cn

用以上方法設(shè)置的表格，只能大致實(shí)現(xiàn)寬度控制，有時(shí)甚至與期望的效果相差很遠(yuǎn)。

如果熟悉HTML和CSS的話，就可以實(shí)現(xiàn)精確的表格固定列寬控制。在CSS中，寬度單位默認(rèn)為px（像素點(diǎn)），在工作流表單編輯器中，切換到源碼模式下，找到需要設(shè)置固定列寬的表格，在第一行tr中，找到td，然后在第一行的所有td中設(shè)置CSS寬度約束： width="100"（100是隨便寫(xiě)的，以實(shí)際為準(zhǔn)），設(shè)置完第一行中所有td的寬度后，再將這些寬度值相加，其合計(jì)值就是表格的寬度，然后將這個(gè)表格的table設(shè)置CSS寬度： width="960"（960是隨便寫(xiě)的，以實(shí)際合計(jì)為準(zhǔn)），然后將其他行tr的td中的寬度全部清除，就可以實(shí)現(xiàn)精確的表格列寬控制了。高度約束：height="30"，height就是高度的控制CSS符號(hào)，30是px（像素），可以更改為需要的高度，如果沒(méi)有這個(gè)，手工添加這個(gè)到相應(yīng)單元格或表格中即可。

固定寬度設(shè)置時(shí)，切勿將表格列寬用百分比來(lái)設(shè)置（例如：width="15%"），一定要用px（即直接使用數(shù)字：width="120"），否則一定會(huì)變形。