如何插入打印表格的"打印"按钮

Question

我有一个 asp.net 的MVC项目。 有一个带有扩展 csHTML 的索引页。 当我生成它时，它会在浏览器上向我显示一个包含标题、按钮、表格和页脚的页面。 我想添加一个按钮来打印表格而不是所有页面。 我在布局中添加：

<link id="ctl00_Link1" rel="stylesheet" href="themes/css/print.css" type="text/css" media="print">

在索引页的末尾：

<div class="line-btn ">
<input type="submit" name="ctl00$Index" value="print" onclick="window.print();return false;" id="ctl00_MainContent_Button1" class="btn fl btn-print">
</div>

但它仍然不起作用并打印所有索引页！

Answer 1

您可以使用以下代码实现所需的内容。在index.cshtml页面中添加以下内容：

<div class="line-btn">
<input type="submit" value="print" onclick="PrintOnlyTable()" class="btn fl btn-print">
</div>
<script>
function PrintOnlyTable() {
var HTML = $("html");
var cln = document.documentElement.innerHTML;
HTML.html($("table"));
window.print();
document.documentElement.innerHTML = cln;
return false;
}
</script>