打印出功能隐藏的元素答案

【问题标题】：Printing out functionally hidden elements打印出功能隐藏的元素
【发布时间】：2018-05-23 16:03:43
【问题描述】：

一旦页面像这样加载，我将在后面使用 c# 隐藏我的表格：

FreqTable.Rows[0].Cells[0].Visible = false;
FreqTable.HeaderRow.Cells[0].Visible = false;

一旦按下打印按钮，我就会使用 javascript 启动打印功能：

window.print();

我设置了打印媒体的 CSS，使其可见（运气不好，似乎 css 被忽略了），并尝试在单击按钮后使表格可见。有一个小的“但是”我不希望它在单击打印按钮后显示在我的屏幕上。

这里有什么方法可以打印隐藏的元素而不显示在屏幕上？

【问题讨论】：

【解决方案1】：

您可以分配给您只想打印以下print-only类的元素

.print-only {
    display: none;
}

@media print {
    .print-only{
        display: block;
    }
}

【讨论】：

【解决方案2】：

通过在 c# 中的 print 函数之后显示元素并使用在元素显示后调用的 JavaScript 函数隐藏它来解决它。

这样一来，什么都不会显示，但是一旦我在打印媒体中设置了可见性，我仍然可以打印出元素。

这将是解决这个问题的正确方法，而不是一些 css 媒体查询......

【讨论】：