在錶行有一個隱藏的類導致colspan設爲不打印窗口

Question

在這裏工作是問題的一個小提琴：https://jsfiddle.net/m5et9fwL/

基本上什麼問題是，在一個tr或td有一個隱藏的類時它應該隱藏在正常頁面上，但在打印時可以看到，colspan決定停止工作，如小提琴所示。我試過直接向CSS添加colspan，但這不能解決問題。

有誰知道這可能是什麼原因，我該如何解決這個問題？

標記：

<table> 
    <tr> 
     <td>Title</td> 
     <td>1123124i12049120491</td> 
     <td>1123124i12049120491</td> 
     <td>1123124i12049120491</td> 
    </tr> 
    <tr> 
     <td class="hidden" colspan="4">1130192301312312314124819248912849128491289481294812948192849128498129481294892849184294814</td> 
    </tr> 
</table> 
<button class="print">print page</button> 

打印活化：

$('.print').on('click', function() { 
    window.print(); 
}); 

CSS：

.hidden { 
    display: none; 
} 

@media print { 

    .hidden { 
     display: block; 
    } 
} 

Answer 1

甲td必須有一個table-cell顯示，而不是一個一個block。 在這裏工作：https://jsfiddle.net/m5et9fwL/1/

.hidden { 
    display: none; 
} 

@media print { 

    .hidden { 
     display: table-cell; 
    } 
} 

或者，如果.hidden類是在tr，顯示屬性必須是table-row。

Answer 2

使用

@media print {  
.hidden { 
    display: table-row;   
}}