如何在打印中打印包括表格边框显示？
用户名
我在打印时要显示边框有问题。下面是我的编码：
button
<button class="btn btn-sm btn-primary">Print</button>
Table
<table id="table" class="table table-bordered table-condensed table-hover table-striped dataTable">
Javascript
$('.btn').click(function(){
var printme = document.getElementById('table');
var wme = window.open("","","width=900,height=700");
wme.document.write(printme.outerHTML);
wme.document.close();
wme.focus();
wme.print();
wme.close();
})
我的打印输出如下，在打印中没有表格边框显示：
我的HTML页面：
希望有人可以帮助我解决。谢谢。
肯尼
打印时CSS不会保留在新窗口中。您可以在document.write（）方法中将一些CSS传递到新窗口
喜欢
$('.btn').click(function(){
var css = '<style type="text/css">' +
'table th, table td {' +
'border:1px solid #000;'
'}' +
'</style>'
var printme = document.getElementById('table');
var printDoc = css + printme.outerHTML; // note this added css
var wme = window.open("","","width=900,height=700");
wme.document.write(printDoc);
wme.document.close();
wme.focus();
wme.print();
wme.close();
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在打印CSS中为每个页面设置页面边框
- 2
如何仅在打印文件中显示 div 的内容？
- 3
如何在slidify中打印表格？
- 4
如何在Delphi中打印表格
- 5
如何在MySQL中打印整个表格
- 6
如何在打印布局HTML中设置img的样式
- 7
链表在打印时应该如何显示？
- 8
在打印预览中绘制边框，但边框不应打印C＃
- 9
表格行背景色在打印时不显示
- 10
Python：如何在打印功能中打印元组的单个元素
- 11
如何在打印机池方案中获取打印作业的端口名称
- 12
SSRS如何在打印预览的每页上重复表格标题
- 13
反应：在地图循环中，如何在打印四列后打破表格行？
- 14
如何在打印语句中打印矩阵的大小？
- 15
如何在Python中打印查询结果，包括列名
- 16
打印时无法显示表格和单元格边框
- 17
如何在表格中显示美观的虚线边框？
- 18
如何在Javascript或JQuery中隐藏/显示表格的边框
- 19
仅在打印时修改网页中的表格
- 20
如何在引导程序上使表格边框为黑色以进行打印
- 21
在打印到终端时，Perl如何在颜色之间交替显示？
- 22
如何在打印介质时显示div，并在其他时间隐藏？
- 23
如何在针织衫中打印表格
- 24
打印页面时如何在表格中修改列名？
- 25
如何在表格中打印这些值（请参阅说明）？
- 26
打印时如何在CSS中调整表格或内容？
- 27
如何在 Python 中打印表格字典
- 28
如何使HTML元素仅在打印页面时显示？
- 29
在打印中显示运行时错误
我来说两句