Lodop打印表格帶頁頭頁尾高度是否包含頁頭頁尾

時間 2019-11-29

標籤 lodop 打印表格高度是否包含简体版

原文原文鏈接

經過設置TableHeightScope，能夠實現對ADD_PRINT_TABLE，表格帶頁頭頁尾，查看本博客另外一篇博文：Lodop打印表格帶頁頭頁尾自動分頁每頁顯示頭尾javascript

超文本超過打印項高度，會自動分頁，詳細參考本博客另外一篇博文：Lodop打印控件超文本自動分頁html

那麼帶頁頭頁尾後的超文本高度，會決定每頁輸出的內容多少，自動分頁的依據，默認高度是不包含頁頭頁尾的，能夠經過語句設置是否包含頁頭頁尾，或只包含其中的某一個。
LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",1);//高度包含頁頭頁尾
LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",2);//高度包含頁頭
LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",3);//高度包含頁尾java

效果如圖，該打印項的高度設置的大約是三行，若是加了頁頭頁尾，默認高度是不包含頁頭頁尾的，因此會顯示三行數據，兩行頁頭頁尾，共五行。
若是設置了高度包含頁頭頁尾，那麼也就是這大約三行的高度裏包含頁頭頁尾，只能顯示一條數據，和兩行頁頭頁尾，共三行。
若是設置了只包含頁頭，或只包含頁尾，那麼就會是兩條數據，加上頁頭頁尾，共四行。
這裏是頁頭頁尾和數據都是一樣的行高，若是table表格裏行高不一樣，超文本高度不一樣，形成的效果也有差別。ui

<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="t1">
<table style="border-collapse:collapse;border:solid 1px">
<thead><tr><td>頭Lodop語句<td></tr></thead>
<tbody><tr><td>PRINT_DESIGN<td></tr><tr><td>PREVIEW<td></tr><tr><td>PRINT<td></tr><tr><td>PRINT_INIT<td></tr><tr><td>PRINT_SETUP<td></tr><tr><td>ADD_PRINT_HTM<td></tr></tbody>
<tfoot><tr><td>尾Lodop語句<td></tr></tfoot>
</table>
</div>
<a href="javascript:prn1_preview()">打印預覽</a>
<script language="javascript" type="text/javascript">   
        var LODOP; //聲明爲全局變量 
    function prn1_preview() {
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TABLE(0,0,156,65,document.getElementById("t1").innerHTML);//默認，高度不包含頁頭頁尾
        LODOP.ADD_PRINT_TABLE(120,0,156,65,document.getElementById("t1").innerHTML);//thead,tfoot每頁輸出
        LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",1);//高度包含頁頭頁尾
        LODOP.ADD_PRINT_TABLE(200,0,156,65,document.getElementById("t1").innerHTML);//thead,tfoot每頁輸出
        LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",2);//高度包含頁頭
        LODOP.ADD_PRINT_TABLE(300,0,156,65,document.getElementById("t1").innerHTML);//thead,tfoot每頁輸出
        LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",3);//高度包含頁尾
        LODOP.PRINT_DESIGN();
        //LODOP.PREVIEW();    
    };
</script> 
</body>