表头组不在打印中使用css转换

时间:2017-07-18 08:15:10

标签: jquery html css

我正在尝试打印超过10列的表格。所以我试图设法将表格的标题旋转到垂直位置。现在我必须打印此表,我想在所有页面中获得旋转标题。当我打印第一页的表格时,我可以看到垂直标题但其他页面没有跟着(只有第一页是渲染表格标题)。

我在jsfiddle上创建了一个示例


pip uninstall tensorflow
pip install tensorflow==0.12

有人能帮助我,我在这里缺少什么吗?

Sample Code

谢谢大家

2 个答案:

答案 0 :(得分:0)

因为需要重复生成标头本身,所以请将这些添加到您的CSS中。

  

PS:如果你在chrome上打印,那就不会有任何影响,因为chrome不支持这个

thead {display: table-header-group;}
tfoot {display: table-header-group;}

答案 1 :(得分:0)

最后我得到了一个用于chrome的css。

.vertical {
        white-space: nowrap;
        -ms-writing-mode: tb-rl;
        -moz-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }

<th ><div><span class="vertical">Column header</span></div><th>