打印出功能隐藏的元素

Question

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

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

按下打印按钮后，我使用 javascript 启动打印功能：

window.print();

我设置了印刷媒体的 CSS 以便它可见（运气不好似乎 css 被忽略了）并尝试在按钮按下后使 table 可见点击。有一个小 "but" 我不希望它在单击打印按钮后显示在我的屏幕上。

打印隐藏的元素而不将其显示在屏幕上的方法是什么？

Answer 1

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

.print-only {
    display: none;
}

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

Answer 2

通过在 c# 中显示打印函数后的元素并使用显示元素后调用的 JavaScript 函数隐藏它来解决此问题。

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

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

Printing out functionally hidden elements