javascript - Mozilla FireFox打开子窗口中缺少垂直滚动条

我有一个示例fiddle here，在子窗口中有一个打印预览页，其绘制为

myWindow=window.open('','','width=800,height=600','scrollbars=yes');
    myWindow.innerWidth = screen.width;
    myWindow.innerHeight = screen.height;
    myWindow.screenX = 0;
    myWindow.screenY = 0;
    myWindow.document.write(data);
    myWindow.document.close();
    myWindow.focus();

但是在Mozilla Firefox中，缺少子窗口垂直滚动条。我怎样才能解决这个问题？
另外，如何在打印副本的每一页中重复表格标题行（即Sl.No.和Value）？我曾尝试使用

   <style type="text/css" media="print">
        #headerRow {display:table-header-group;}
        tbody {display:table-row-group;}
        .noprint {visibility: hidden;}
   </style>

但是没用。

最佳答案

使用可以解决滚动条问题，

myWindow=window.open('','','width=800,height=600,scrollbars=yes');


最初，在'和height=600之间存在一个额外的scrollbars=yes


通过使用引导程序样式进行徽标对齐并在#headerRow {display:table-header-group;}中使用media print可以解决表格标题


DEMO

无论如何，表格标题不会在chrome浏览器中重复。请提出解决方案。

关于javascript - Mozilla FireFox打开子窗口中缺少垂直滚动条，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26334950/