Lodop表體放到了thead里，且用ADD_PRINT_TABLE——表格不按照打印項高度自動分頁的情況2
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
之前cnblod的博文：LODOP設置超文本不自動分頁的方法 簡短現(xiàn)象： 超文本自動分頁：正常情況下，超文本打印項超過打印項高度或紙張高度，會自動分頁，之前博文中有一種現(xiàn)象不會自動分頁，表格超出部分不顯示了，沒分到下一頁，后來查看原來該客戶是一個大table，里面一個tr行里套了個小table，ADD_PRINT_TABLE只能輸出一個表格，且不切行，所以小table在大table的行里，所以導致該行超過打印項高度或超過紙張都不會分頁。 ADD_PRINT_TABLE除了有不切行的特征，還有thead和tfoot每頁輸出的特征。 測試代碼： <script language="javascript" src="LodopFuncs.js"></script> <title>表格thead里不分頁</title> </head> <body> <div id="t1"><!--需要分頁的行放到了thead里--> <table border=1 width="100%" style="border-collapse:collapse;text-align:center;"> <thead> <tr> <td height="60" style="border:solid 1px black">標題</td> <td height="60" style="border:solid 1px black">標題</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"><!--需要分頁的行放到了tbody里--> <table border=1 width="100%" style="border-collapse:collapse;text-align:center;"> <thead> <tr> <td height="60" style="border:solid 1px black">標題</td> <td height="60" style="border:solid 1px black">標題</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()">打印預覽（主體不自動分頁的一種情況）</a><br> <a href="javascript:prn2_preview()">打印設計預覽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 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
