點晴永久免費OA工作流表單模板中如何設(shè)置表格的固定列寬和行高?
當(dāng)前位置:點晴教程→點晴OA辦公管理信息系統(tǒng)
→『 經(jīng)驗分享&問題答疑 』
![]() ![]() 復(fù)雜表格模板設(shè)計參考以下教程: 沒有特殊原因都應(yīng)該按照以上教程方法設(shè)計表單模板! 以下僅供參考,為設(shè)置表格所有列的固定列寬和行高: ![]() 如果不熟悉CSS和HTML的話,建議用Word或Excel先設(shè)置好需要寬度的表格,在Word或Excel中為了設(shè)置固定的列寬,一定要用光標(biāo)拖動所有列的邊框線,確保Word或Excel來后臺自動設(shè)置列寬,然后將設(shè)置好的表格復(fù)制到點晴OA工作流模板編輯器中,應(yīng)該就可以實現(xiàn)固定列寬的表格了。 ![]() 在工作流模板編輯器中,直接用鼠標(biāo)光標(biāo)拖動表格邊框線,也可以調(diào)整列寬,方法如下: ![]() 用以上方法設(shè)置的表格,只能大致實現(xiàn)寬度控制,有時甚至與期望的效果相差很遠。 如果熟悉HTML和CSS的話,就可以實現(xiàn)精確的表格固定列寬控制。在CSS中,寬度單位默認(rèn)為px(像素點),在工作流表單編輯器中,切換到源碼模式下,找到需要設(shè)置固定列寬的表格,在第一行tr中,找到td,然后在第一行的所有td中設(shè)置CSS寬度約束: width="100"(100是隨便寫的,以實際為準(zhǔn)),設(shè)置完第一行中所有td的寬度后,再將這些寬度值相加,其合計值就是表格的寬度,然后將這個表格的table設(shè)置CSS寬度: width="960"(960是隨便寫的,以實際合計為準(zhǔn)),然后將其他行tr的td中的寬度全部清除,就可以實現(xiàn)精確的表格列寬控制了。高度約束:height="30",height就是高度的控制CSS符號,30是px(像素),可以更改為需要的高度,如果沒有這個,手工添加這個到相應(yīng)單元格或表格中即可。 ![]() ![]() 注意: 固定寬度設(shè)置時,切勿將表格列寬用百分比來設(shè)置(例如:width="15%"),一定要用px(即直接使用數(shù)字:width="120"),否則一定會變形。
該文章在 2020/5/18 18:55:01 編輯過
|
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |