亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

Lodop中WEB頁面打印設(shè)計時如何固定table表格寬度,樣式不受容器影響

admin
2023年9月26日 10:6 本文熱度 2056

之前有篇關(guān)于LODOP打印超文本表格,兩個樣式相同的表格,出現(xiàn)錯位的情況。
該博文地址:LODOP打印表格錯位的幾種情況
該文試驗了兩種現(xiàn)象,第一種瀏覽器頁面顯示錯位,打印預(yù)覽也錯位,第二種瀏覽器頁面表格不錯位,打印預(yù)覽卻錯位。
這兩個其實都是和容納table表格的容器有關(guān),也就是樣式有問題的導(dǎo)致的,仔細對比排查樣式,可排查出問題。

想讓樣式不變形,完全按照代碼的寬度,可:在table標簽里添加寬度,單元格里加寬度。這種是不受容器影響的。如下面圖示,按照紙張進行設(shè)計表格,而不是瀏覽器。

上面那個博文鏈接中,
1.table表格設(shè)置了寬度為100%,單元格不設(shè)置寬度,導(dǎo)致內(nèi)容不同每個單元格寬度不同。
2.table表格設(shè)置了寬度為100%,每個單元格設(shè)置了具體的寬度,然后實際中,表格整體的寬度還是按照的百分之百,設(shè)置的具體寬度并不是固定的,只是按照一定比例進行了放大,布滿了瀏覽器的寬度。
這兩種都導(dǎo)致了單元格錯位。

如果table表格不設(shè)置寬度為100%,table表格不設(shè)置寬度,單元格設(shè)置具體的寬度,測試發(fā)現(xiàn),瀏覽器中確實能正常顯示單元格寬度,增大瀏覽器等沒有問題,但是減小的時候,瀏覽器還是會自動對寬度進行縮小,也就是瀏覽器中的表格是這樣的:table不設(shè)置寬度,瀏覽器寬度拖動減小,會自適應(yīng)一樣的表格寬度本身也會改變,即使每個單元格設(shè)置了具體的寬度數(shù)值,瀏覽器還是自適用。

如果想要去掉樣式和容器的影響,就是把table標簽本身設(shè)置上具體寬度,這樣之后,即使瀏覽器怎么拖動,樣式已經(jīng)固定了,就不會受瀏覽器樣式影響了。

不受容器影響,也就不會發(fā)生內(nèi)容不同導(dǎo)致的錯位現(xiàn)象。
表格代碼:

<table border=1 cellSpacing=0 cellPadding=0 style="border-collapse:collapse;width:880px;">
       <tr>
           <td style="width:600px;">分析差異點,因瀏覽器版本不同遵循的html標準不同</td>  
           <td style="width:90px;">分析差異點</td>
           <td style="width:100px;">排查樣式</td>
           <td style="width:90px;">在ie下不同版本仿真情況下驗證差異</td>
       </tr>
</table>

打印代碼:(紙張設(shè)置的較小,表格本身的寬度已經(jīng)超過了紙張)

function prn1_preview() {
       LODOP
=getLodop();
       LODOP.PRINT_INIT(
"");
       LODOP.SET_PRINT_PAGESIZE(
1,600,1600,"");
       LODOP.ADD_PRINT_HTM(
0,0,"100%","100%",document.getElementById("div1").innerHTML);
       LODOP.PRINT_DESIGN();
       //LODOP.PREVIEW();    
};

圖示見后面,和后面的合成了一張圖:

修改為固定寬度后,表格不會隨著容器自適用了,如果想保留自適用,可以合成到一個表格里,或者根據(jù)紙張重新設(shè)計表格。
解決兩個表格自適應(yīng)導(dǎo)致錯位的方法:
1.合成一個table表格,同一個表格里不會發(fā)生單元格錯位。(保留自適用)
2.兩個表格進行重組,設(shè)置具體的表格寬度和單元格寬度,根據(jù)紙張進行設(shè)計。(不受容器影響,保持樣式不變形,不再自適應(yīng),適應(yīng)設(shè)計的表格。)

代碼:(根據(jù)紙張設(shè)計表格),如該紙張寬度是600, LODOP.SET_PRINT_PAGESIZE中的紙張參數(shù),默認單位是0.1mm,也就是紙張是60mm。
表格設(shè)計的寬度迎合紙張,可以轉(zhuǎn)換成pt試試,60*(72/25.4)約等于170pt。然后隨便分配了下每個單元格占的數(shù)值,該表格就能固定寬度顯示且能不會超過紙張。
表格代碼:

<table border=1 cellSpacing=0 cellPadding=0 style="border-collapse:collapse;width:170pt;">
       <tr>
           <td style="width:70pt;">分析差異點,因瀏覽器版本不同遵循的html標準不同</td>  
           <td style="width:50pt;">分析差異點</td>
           <td style="width:20pt;">排查樣式</td>
           <td style="width:30pt;">在ie下不同版本仿真情況下驗證差異</td>
       </tr>
</table>

圖示:

table加具體寬度,單元格加具體寬度寬度樣式不受容器的影響,注意寬度超過紙張會不顯示。
根據(jù)自己需要的紙張設(shè)計表格,如圖,修改表格寬度到紙張能容納的大小。


該文章在 2023/9/26 10:06:16 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved