Vue使用PrintJs自定義打印表格模板


這倆天客戶提了個需求,需要打印倆個自定義的表格模板,一開始想到的是打印Json表格,但是發現表格樣式不符合要求,后來想着打印html,自己生成html模板然后打印,基本可以滿足客戶的需求,廢話不多說,上圖上代碼

自己遍歷生成table,如果自己寫的html模板需要去除空格,可以通過http://www.txttool.com/wenben_delvbcrlf.asp網站在線去除換行或空格

 

 

 

 調用printJS方法,主要修改type:'raw-html',然后賦值模板字符串printtable:html1,targetStyles:[*]處理所有樣式,我這里把倆個模板樣式都寫在了一起

 

 效果圖:

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM