LODOP控件統(tǒng)計(jì)table自動(dòng)分頁后的每頁的某列合計(jì)值開發(fā)設(shè)計(jì)
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
LODOP中超文本會(huì)根據(jù)打印項(xiàng)高度或超過紙張，自動(dòng)分頁。（相關(guān)博文：Lodop打印控件 超文本自動(dòng)分頁、LODOP中ADD_PRINT_TABLE、HTM、HTML表格自動(dòng)分頁測試、Lodop打印表格帶頁頭頁尾 自動(dòng)分頁每頁顯示頭尾）。 統(tǒng)計(jì)某頁的某列合計(jì)值用到的： 代碼： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WEB打印控件LODOP</title> <script language="javascript" src="LodopFuncs.js"></script> </head> <body> <div id="d1"> <table border=1 style="border-collapse:collapse;" > <thead> <tr> <td style="width:60px;">名稱</td> <td style="width:40px;">數(shù)量</td> <td colspan="4" style="width:500px;">單個(gè)金額本頁合計(jì)</td> </tr> </thead> <tr> <td style="width:60px;">A類</td> <td style="width:40px;">1</td> <td colspan="4" style="width:500px;">30</td> </tr> <tr> <td style="width:60px;">B類</td> <td style="width:40px;">5</td> <td colspan="4" style="width:500px;">34</td> </tr> <tr> <td style="width:60px;">C類</td> <td style="width:40px;">2</td> <td colspan="4" style="width:500px;">443</td> </tr> <tfoot> <tr> <td style="width:60px;">合計(jì)</td> <td style="width:40px;" tindex="2" tdata="SubSum">#####</td> <td style="width:100px;" >單頁金額總計(jì)</td> <td style="width:100px;"tindex="3" tdata="SubSum">####</td> <td style="width:100px;" >單頁金額總計(jì)的大寫</td> <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td> </tr> </table> <br> </tfoot> </div> <a href="javascript:prn1_preview()">表格寬度是否固定</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%",60,document.getElementById("d1").innerHTML); //打印項(xiàng)高度較小，60，導(dǎo)致超文本自動(dòng)分頁 //LODOP.PRINT_DESIGN(); LODOP.PREVIEW(); }; </script> </body> 圖示： 圖示：如圖，該表格中，表格主體部分有三列，第三個(gè)單元格是合并了列的，但是也算是第三列。
此外，tdata除了用一些表達(dá)式，也可以用一些加減乘除等計(jì)算符號(hào)，可以給需要統(tǒng)計(jì)的單元格設(shè)置一個(gè)id，然后通過id進(jìn)行計(jì)算操作。對(duì)于用LODOP計(jì)算的結(jié)果值，也可以用id進(jìn)行重新計(jì)算。 <body> <div id="d1"> <table border=1 style="border-collapse:collapse;" > <thead> <tr> <td style="width:60px;">名稱</td> <td style="width:40px;">數(shù)量</td> <td colspan="3" style="width:400px;">單個(gè)金額本頁合計(jì)</td> <td style="width:100px;">總計(jì)</td> </tr> </thead> <tbody> <tr> <td style="width:60px;">A類</td> <td style="width:40px;" id="s1" >1</td> <td colspan="3" style="width:500px;" id="m1">30</td> <td style="width:100px;" tdata="s1*m1">####</td> </tr> <tr> <td style="width:60px;">B類</td> <td style="width:40px;" id="s2">5</td> <td colspan="3" style="width:500px;" id="m2">34</td> <td style="width:100px;" tdata="s2*m2">####</td> </tr> <tr> <td style="width:60px;">C類</td> <td style="width:40px;" id="s3">2</td> <td colspan="3" style="width:500px;" id="m3">443</td> <td style="width:100px;" tdata="s3*m3">####</td> </tr> </tbody> <tfoot> <tr> <td style="width:60px;">合計(jì)</td> <td style="width:40px;" tindex="2" tdata="SubSum">#####</td> <td style="width:100px;" >單頁金額總計(jì)</td> <td style="width:100px;"tindex="3" tdata="SubSum">####</td> <td style="width:100px;" >單頁金額總計(jì)的大寫</td> <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td> </tr> </tfoot> </table> </div> <a href="javascript:prn1_preview()">表格寬度是否固定</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%",60,document.getElementById("d1").innerHTML); //打印項(xiàng)高度較小，60，導(dǎo)致超文本自動(dòng)分頁 //LODOP.PRINT_DESIGN(); LODOP.PREVIEW(); }; </script> </body> 圖示：（相關(guān)代碼和圖示）
該文章在 2023/9/28 1:55:19 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
