asp.net - ASP.Net 打印网格视图

Question

我正在开发一个 ASP.Net Web 窗体应用程序。一个页面特别显示了一个 GridView，它列出了几行数据。GridView 使用您可以在 Visual Studio 中选择的内置格式设置样式。但是，我需要创建此网页的打印友好版本，但是当我单击打印时，GridView 的样式/ css 消失了。

无论如何保持作为网页查看时可见的漂亮样式/ css？

谢谢你的帮助。

Answer 1

不久前，我遇到了一个真正的问题，即 .net webforms 坚持向 Gridviews 生成的表格添加样式、边框、间距、填充属性。

我使用 javascript（使用 jQuery）来删除它们，如下所示：

$(document).ready(function () {  
$('table').filter(function (index) {  
    $(this).removeAttr("style");  
    $(this).removeAttr("rules");  
    $(this).removeAttr("border");  
    $(this).removeAttr("cellspacing");  
    $(this).removeAttr("cellpadding");  
});  
});  

这允许我的 css（在 gridview 的“CssClass”属性中指定）完全控制。

也许这对您的情况可能有所帮助。

Answer 2

您将使用打印样式表：

@media print
{
    /* GridView styling here */
}

或链接到专门用于打印目的的样式表：

<!--These styles styles are only for screens as set by the media value-->
<link rel="stylesheet" href="css/main.css" media="screen">

<!--These styles styles are only for print as set by the media value-->
<link rel="stylesheet" href="css/print.css" media="print">

来源：CSS 打印样式表 - 示例