使用jQuery打印Gridview

时间:2017-04-12 12:28:23

标签: jquery asp.net gridview

我想使用jQuery在GridView中打印内容:

var prtwin = window.open('', 'PrintGridViewData', 'left=100,top=100,width=1000,height=1000,tollbar=0,scrollbars=1,status=0,resizable=1');
prtwin.document.write($('#GridView')[0].outerHTML);
prtwin.document.close();
prtwin.focus();
prtwin.print();
prtwin.close();

此过程有效,但不打印标题;所以我可以补充一下:

jQuery('#GridView tbody tr:first').before('<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td><td>col6</td></tr>');

但是此代码会在页面中显示的Gridview中添加一行;这是要求。
有小费吗?谢谢

1 个答案:

答案 0 :(得分:0)

使用带有ID的<div>包裹GridView,并将该内容输入打印窗口。

<div id="printMe">
    <asp:GridView ID="GridView1" runat="server">
    </asp:GridView>
</div>

然后在剧本中

prtwin.document.write($('#printMe').html());