如何插入打印表格的打印按钮答案

【问题标题】：How can I insert a Print button that prints a table如何插入打印表格的打印按钮
【发布时间】：2017-07-08 21:35:49
【问题描述】：

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

&lt;link id="ctl00_Link1" rel="stylesheet" href="themes/css/print.css" type="text/css" media="print"&gt;

并在索引页的末尾：

<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>

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

【问题讨论】：

id "ctl00_MainContent_Button1" 用于 asp.net webform 而不是 mvc。标签不正确
好的，我该怎么办？

标签： javascript c# asp.net-mvc visual-studio

【解决方案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>

【讨论】：