jquery.jqprint-0.3.js打印table表格遇到的坑


在谷歌控制台輸入window.print();可以調起當前整個頁面的打印預覽,那么要想打印頁面某塊區域內容怎么辦呢?

我找到了jqprint插件,其原理是運用iframe 元素創建另外一個文檔的內聯框架,可這個插件有個巨大的坑,就是打印預覽不會顯示link標簽引入的css,除非設置了media="print"屬性。

如果你要打印的頁面本來就是個iframe,此時寫了media屬性的link樣式也不會運用到打印預覽中,解決辦法:直接給打印區域元素寫行內樣式。

下面第一張圖是iframe彈窗中寫好樣式的table,第二張圖是被坑的打印預覽。最后解決了的正常樣式的打印預覽就不發圖了。

 


免責聲明!

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



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