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

滚动条问题通过使用
解决
myWindow=window.open('','','width=800,height=600,scrollbars=yes');

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

通过使用引导样式进行徽标对齐并使用#headerRow {display:table-header-group;}内的media print

<强> DEMO

无论如何，表头不会在chrome浏览器中重复。请提出修复建议。

mozilla firefox打开子窗口中缺少垂直滚动条

1 个答案: