{首页主词},&

Lodop表體放到了thead里，且用ADD_PRINT_TABLE——表格不按照打印項(xiàng)高度自動(dòng)分頁(yè)的情況2

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年9月25日 22:29 本文熱度 1117

之前cnblod的博文：LODOP設(shè)置超文本不自動(dòng)分頁(yè)的方法
 LODOP中ADD_PRINT_TABLE、HTM、HTML表格自動(dòng)分頁(yè)測(cè)試

簡(jiǎn)短現(xiàn)象：
現(xiàn)象：用的ADD_PRINT_TABLE輸出，超出紙張沒(méi)有自動(dòng)分頁(yè)，內(nèi)容沒(méi)有顯示到第二頁(yè)
現(xiàn)象：用的ADD_PRINT_TABLE輸出，超出打印項(xiàng)高度，沒(méi)有自動(dòng)分頁(yè)
等

超文本自動(dòng)分頁(yè)：正常情況下，超文本打印項(xiàng)超過(guò)打印項(xiàng)高度或紙張高度，會(huì)自動(dòng)分頁(yè)，之前博文中有一種現(xiàn)象不會(huì)自動(dòng)分頁(yè)，表格超出部分不顯示了，沒(méi)分到下一頁(yè)，后來(lái)查看原來(lái)該客戶(hù)是一個(gè)大table，里面一個(gè)tr行里套了個(gè)小table，ADD_PRINT_TABLE只能輸出一個(gè)表格，且不切行，所以小table在大table的行里，所以導(dǎo)致該行超過(guò)打印項(xiàng)高度或超過(guò)紙張都不會(huì)分頁(yè)。

ADD_PRINT_TABLE除了有不切行的特征，還有thead和tfoot每頁(yè)輸出的特征。
如果把表格主體不小心放到了thead里，相當(dāng)于表格內(nèi)部的眉腳項(xiàng)，表格也不會(huì)再按照高度分頁(yè)了。

測(cè)試代碼：

<script language="javascript" src="LodopFuncs.js"></script>
  <title>表格thead里不分頁(yè)</title>
 </head>
 <body>
 <div id="t1"><!--需要分頁(yè)的行放到了thead里-->
  <table border=1 width="100%" style="border-collapse:collapse;text-align:center;">
  <thead>
    <tr>
    <td height="60" style="border:solid 1px black">標(biāo)題</td>
    <td height="60" style="border:solid 1px black">標(biāo)題</td>
  </tr>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a1</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a1</td>
  </tr>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a2</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a2</td>
  </tr>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a3</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a3</td>
  </tr>
 。。。。。。。。。。省略。。。。。。。
  </thead>
  <tbody>
  </tbody>
  </table>
</div>

 <div id="t2"><!--需要分頁(yè)的行放到了tbody里-->
  <table border=1 width="100%" style="border-collapse:collapse;text-align:center;">
  <thead>
 <tr>
    <td height="60" style="border:solid 1px black">標(biāo)題</td>
    <td height="60" style="border:solid 1px black">標(biāo)題</td>
  </tr>
</thead>
  <tbody>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a1</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a1</td>
  </tr>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a2</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a2</td>
  </tr>
  <tr>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a3</td>
    <td height="60" style="border:solid 1px black">單元格內(nèi)容a3</td>
  </tr>
。。。。。。。。。。。。。省略。。。。。
  </tbody>
  </table>
</div>

<a href="javascript:prn1_preview()">打印預(yù)覽（主體不自動(dòng)分頁(yè)的一種情況）</a><br>
<a href="javascript:prn2_preview()">打印設(shè)計(jì)預(yù)覽2</a><br>
<script language="javascript" type="text/javascript">   
        var LODOP; //聲明為全局變量 
    function prn1_preview() {
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TABLE(0,0,"100%",400,document.getElementById("t1").innerHTML);
        //LODOP.PRINT_DESIGN();
        LODOP.PREVIEW();    
    };
function prn2_preview() {
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TABLE(0,0,"100%",400,document.getElementById("t2").innerHTML);
        LODOP.PRINT_DESIGN();
        //LODOP.PREVIEW();    
    };
</script>

圖示：

該文章在 2023/9/25 22:33:08 編輯過(guò)

關(guān)鍵字查詢(xún)

相關(guān)文章

正在查詢(xún)...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專(zhuān)業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類(lèi)企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶(hù)的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。