javascript - mozilla firefox 打开子窗口时缺少垂直滚动条

Question

我有一个样本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>

但是没有用。

Answer 1

1. 滚动条问题通过使用解决，

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

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

通过使用 bootstrap 样式进行 Logo 对齐并在 media print 内使用 #headerRow {display:table-header-group;} 来解决表头问题

<强> DEMO

无论如何，表格标题在 Chrome 浏览器中不会重复。请提出修复建议。