Question

我一直试图解决这个问题。此问题仅与Chrome有关。当我在网站上打印页面时，我正在处理表格单元格跨越整行。因此，在打印页面中有一个包含5行的表，它将每个单元格显示为1个全宽行。我有一个打印页面css，我试图用它来控制td和表格的宽度，但它仍然将每个单元格放到一个新行。使用FireFox完美打印。任何帮助将不胜感激。

感谢。

Answer 1

Try this way:
where var data= $("#divtoprint").html();
  function ShowPrintWindowPopup(data) {
        var mywindow = window.open();
        mywindow.document.write('<html><head><title></title>');
        mywindow.document.write('<style>');
        mywindow.document.write('table, th, td { border-collapse: collapse;border: 1px solid black;width: 100%;text-align: left;border-spacing: 0;}');
        mywindow.document.write('a {color: #428bca;text-decoration: none;} ,table > tbody > tr {height:auto!important},table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{vertical-align:top;padding:2px;font-size:8px;}');
        mywindow.document.write('table {border-collapse:collapse; table-layout:fixed;} , table td {border:solid 1px #fab; word-wrap:break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}')
        mywindow.document.write('</style>');
        mywindow.document.write('</head><body style="direction:ltr;font-size:10px;">');
        mywindow.document.write('<div style="text-align:center;font-size:16px;font-weight:bold;">title</div><br />');
        mywindow.document.write('<br/><br/>');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');
        mywindow.document.close();
        mywindow.print();
        return true;


    }

在chrome table问题中打印页面

1 个答案: