使用Javascript隱藏行的打印表格

Question

我有一個客戶端分頁表。 現在我需要使用純Javascript打印此表。

表名ID被tablepaging和一個div（#tableContainer）持有該表

現在我設置print.css的選項，如下

<style> 
@media print 
{ 
    @page {size: landscape} 
    #tableContainer {height:100% ;} 
    #tablepaging{height:100% ;} 
    #tablepaging tr{display:block;} 
    } 
</style> 

但是它不打印隱藏的行在桌子裏。我想表的全部內容將被打印

Answer 1

嘗試添加以下的，而不是顯示塊：

@media print 
{ 
    @page {size: landscape} 
    #tableContainer {height:100% ;} 
    #tablepaging{height:100% ;} 
    #tablepaging tr{display: table-row !important;} 
}