HTML:打印大型表格

时间:2016-09-19 07:59:38

标签: html css printing printing-web-page

我正在打印一个100行×100列的大表,但它不会自动分页。

我想要发生的是格式化显示完整列的打印输出以及定义的宽度和字体大小。我设法打印完整的行,但是缺少其他列。

print

我使用的是谷歌浏览器。

我的代码

    <html>
<head>
    <title>sdfsfsdf</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
        table {
            border-collapse: collapse;
            page-break-inside:auto 
        }
        tr    { 
            page-break-inside:avoid; 
            page-break-after:auto 
        }
        thead { 
            display:table-header-group 
        }
        th, td {
            border: black 1px solid;
            padding-left: 5px;
            padding-right: 5px;
            min-width: 200px;
        }
        @page {
            size: legal landscape;
            margin: 1cm;

        }
    </style>
</head>
<body>
<table>
    <thead>
        <tr>
            <?php
                // table headers
                for($x=1 ; $x<=100; $x++) {
                    echo '<th>Header ' . $x . '</th>';
                }
              ?>
        </tr>
    </thead>
    <tbody>
        <?php
                //table body data
                for($y=1 ; $y<=100; $y++) {
                    echo '<tr>';
                    for($x=1 ; $x<=100; $x++) {
                        echo '<td>data ' . $y . ' - '. $x . '</td>';
                    }
                    echo '</tr>';
                }
              ?>
    </tbody>

</table>

</body>
</html>

0 个答案:

没有答案