Table列印 根據高度自動分頁

2021-07-06 11:07:24 字數 1144 閱讀 2790

最近列印單據,遇到表頭不變,table主體每行高度不固定,列印時 table自動分頁。

網上查了一下 好像都是根據行數來分頁的,但是那些行高都是固定的。

查了一些資料,自己整理了一下思路,沒分頁之前,整個區域分成三個部分,標題,正文,和頁尾。在後台 先把這個html生產好, 標題和頁尾固定不變,主要是對正文進行分頁。

正文部分,計算每行高度,判斷是否超出一頁的高度,超出換頁。

下面貼出自己寫的html頁面和js部分

//列印自動分頁js

autopage = ,

//分頁 重新設定html內容(單行)

initpagesingle: function ()

html_tmp += trmtmp;

if (i == tmprows.length - 1)

}else

}$("#" + autopage.divid).html(html_tmp);

var tdpagecount = $("*[name='tdpagecount']");"tdpagecount");

for (var i = 0; i < tdpagecount.length; i++)

},//分頁 重新設定html內容(雙行)

initpagedouble: function ()

html_tmp += trmtmp;

if (i == tmprows.length - 1)

}else

}$("#" + autopage.divid).html(html_tmp);

var tdpagecount = $("*[name='tdpagecount']");"tdpagecount");

for (var i = 0; i < tdpagecount.length; i++)

},//隱藏原來的資料

hidencontent: function () ,

新增分頁符

addpagebreak: function () ,

};

根據內容自動調節cell的高度

define path import viewcontroller.h import tweetmodel.h 資料模型 import afnetworking.h 第三方庫 import gdataxmlnode.h 第三方庫 import uiimageview webcache.h 第三方庫 ...

根據文字內容自動計算文字高度

在開發過程中,經常需要根據文字內容自適應高度,並設定行間距,這是寬度一般給乙個相對固定的寬度,比如螢幕的寬度減去左右兩邊各15 個畫素的間距。下面是乙個計算自適應高度的標題和內容的 sesameremarkitemmodel 是乙個字典型別,裡面包含title和content字串。define kc...

jQuery列印Html頁面自動分頁

最近專案中需要用到列印html頁面,需要指定區域列印,使用jquery.printarea.js 外掛程式 用法 div printmain printarea 但還是會列印div後面的內容,這裡可以使用css控制列印分頁 page break after always 有時用css控制分頁了但還是...