打印可滚动表格的全部内容答案

【问题标题】：Print the entire content of a scrollable table打印可滚动表格的全部内容
【发布时间】：2011-02-15 08:47:22
【问题描述】：

我有以下页面要打印，它具有水平滚动。我需要在水平滚动条区域内打印内容。

打印此页面时，我得到的输出不包含水平滚动条区域中的所有字段。

并非滚动条内的所有内容都被打印出来。

我使用的方法是打印 CSS。

@media print {
    .noprint {
        display: none;
        overflow: visible;
    }
}

【问题讨论】：

标签： jquery css user-interface printing

【解决方案1】：

您在那里获得的打印 CSS 将隐藏任何具有 noprint 类的 HTML。

您能否向我们展示一下滚动区域的 HTML 轮廓以及应用于它的常规 CSS？

【讨论】：

【解决方案2】：

好的，我找到了解决方案。这就是我所做的：

@media print {
    .noprint { 
        display: none
    }
    .mypages div.compare {
        white-space: normal
    }

    .mypages .compare .estate {
        padding-bottom: 110px
    }
}

这里，div .compare 是包含我要打印的所有元素的容器。

.estate 是我想在 div 列表中打印的一种状态。它用于设置打印元素之间的间隙。这意味着它连续打印 3 个状态。然后在第一个底部的第二个 3 和类似的方式。为了设置这些行之间的间隔，我使用了.mypages .compare .estate div。

【讨论】：