当前位置: 首页 > 面试题库 >

打印大型HTML表格时如何处理分页符

扶誉
2023-03-14
问题内容

我有一个项目,要求打印带有许多行的HTML表格。

我的问题是表格在多页上的打印方式。有时它将切成两行,使其变得不可读,因为一半在页面的前沿,而其余部分则打印在下一页的顶部。

我能想到的唯一可行的解​​决方案是使用堆叠的DIV而不是表格,并在需要时强制分页符..但是在进行整个更改之前,我想我可以在这里问一下。


问题答案:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>
</head>
<body>
    <table>
        <thead>
            <tr><th>heading</th></tr>
        </thead>
        <tfoot>
            <tr><td>notes</td></tr>
        </tfoot>
        <tbody>
        <tr>
            <td>x</td>
        </tr>
        <tr>
            <td>x</td>
        </tr>
        <!-- 500 more rows -->
        <tr>
            <td>x</td>
        </tr>
    </tbody>
    </table>
</body>
</html>


 类似资料:
  • 问题内容: 我已经阅读了很多有关打印页码的网站,但是当我尝试打印html页面时,仍然无法显示它。 接下来是CSS代码: 我试图把这个页面规则放进去 在其外部,尝试将其放入中,但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome(您知道基于WebKit的浏览器)。我认为问题出在我的HTML或CSS代码中。 有人可以告诉我一个在具有多个页面的大html页面中实现此规则的示例吗?我

  • 问题内容: 我正在使用单独的样式表进行打印。是否可以在设置打印页边距的样式表中设置左右页边距(即纸张上的页边距)。 谢谢。 问题答案: 指定打印时,应使用或作为单位。使用像素会导致浏览器将其转换为类似于屏幕上的外观。使用或将确保纸张尺​​寸一致。 对于字体大小,用于打印介质。 请注意,以css样式设置主体上的页边距 不会 调整定义打印机可打印区域的打印机驱动程序中的页边距,或由浏览器控制的页边距(

  • 我正在学习Java,有一个非常简单的要求,我似乎不知道哪里出了问题。一个简单的ArrayList,用于写入控制台 名字 姓 多布 我似乎不知道我怎么能把它们打印在一行里 名字姓多布 另一个名字另一个姓氏另一个Dob 提前感谢你所有的帮助。

  • 主要内容:命令行打印机控制,测试打印机是否存在也可以通过命令从批处理脚本中控制打印。 语法 其中, - 指定打印设备。 示例 上述命令将打印文件到并行端口。 命令行打印机控制 从Windows 2000开始,可以使用和从Windows的命令行配置许多但不是全部的打印机设置 语法 有一些可用的选项是以下 - /dl - 删除本地打印机。 /dn - 删除网络打印机连接。 /dd - 删除打印机驱动。 /e - 显示打印首选项。 /f[file]

  • 接收字节数组(表示任何内容:某种有线格式、某种形式的编码数据、带有嵌入“文本”的二进制数据等)。我希望能够以以下形式打印数组: 作为十六进制字符串 作为“可打印”文本 第一种情况部分是出于调试的原因,但也可以在非调试模式下使用。第二种情况纯粹是出于调试的原因,并允许人类与其他信息源进行比较。 如果任何人有如何实现这一点的信息,我将非常感谢。

  • 问题内容: JavaScript代码window.print()可以打印当前的HTML页面。 如果我在HTML页面中有一个div(例如,从ASP.NETMVC视图呈现的页面),那么我只想打印div。 是否有jQuery兼容的JavaScript或普通的JavaScript代码来实现此请求? 更清楚地说,假设呈现的HTML页面是这样的: 然后我要单击“打印”按钮,仅打印div3。 问题答案: 我会这