【问题标题】:Don't Repeat TFOOT When Printing打印时不要重复 TFOOT
【发布时间】:2010-10-03 06:27:09
【问题描述】:

延伸到多个打印页面的表格将在 Firefox 中重新打印其 thead 和 tfoot 部分。这通常很好,但是,有没有办法用 CSS 关闭这种行为?

[更新] 感谢您到目前为止的回复。我想在表格底部有一次 tfoot 打印,但不是在每页的末尾。再次感谢。

【问题讨论】:

    标签: html css firefox


    【解决方案1】:

    我相信这是客户的偏好 - 其他人建议使用 javascript 解决方案来生成可打印页面,尤其是在表格的页脚有总计等时。

    【讨论】:

      【解决方案2】:
      <link rel='stylesheet' src='something.css' media='print'>
      

      在该样式表中,隐藏(显示:无)或对 thead 和 tfoot 元素做任何你想做的事情。如果表格是动态生成的,您可以使用 javascript 检查其大小并在该打印样式表中应用适当的类。

      【讨论】:

        【解决方案3】:

        简单的解决方案:不要使用tfoot。将页脚行放在tbody 的末尾。现在它们将打印在表格的末尾,而不是其他地方。

        【讨论】:

        • 想到了,但是,我想使用一个 jquery 的 tablesorter,它在排序时很好地忽略了 thead 和 tfoot。
        • 那么在要打印的表格下方使用单独的表格(或 DIV)怎么样?
        • 是的,这可行,但要让列对齐,我需要修复每列的宽度或在 javascript 中设置它们。
        【解决方案4】:

        我找到了另一种方法:

        <tfoot style="display: table-row-group">
        </tfoot>
        

        这适用于 Firefox,但当然,众所周知,显示属性不兼容跨浏览器。

        【讨论】:

        • 在 IE 11 和 windows 7 中无法使用,但在 Chrome 最新版本中可以使用
        • 解决了 HiQPdf 10.17.0 的问题,问题是内容还没有填满页面时分页。
        猜你喜欢
        • 2020-01-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-06-13
        • 1970-01-01
        • 2017-03-31
        相关资源
        最近更新 更多