今天做打印工程,我使用的列表是bootstrap table,js打印比较简单,比如下方说明
function print(){
var printData = $('.bootstrap-table').parent().html();
window.document.body.innerHTML = printData;
// 开始打印
window.print();
window.location.reload(true);
}
我的列表如下图所示,应该没什么问题,至于bootstrap table的使用参考
但当我打印的时候,出现的问题从下图可以看出列表头与表列宽度不一致。
核对bootstrap-table.css,里面没有关于打印的配置,那么问题跟bootstrap3.x的样式有关系吗?
最后至少自己调样式,最终发现问题是 去掉bootstrap table的height属性就ok了。
不过打印出来的表格没有线了,解决办法也比较简单。增加table-bordered
样式就可以了,这个也是bootstrap的自身的样式
<table id="main-grid-print" data-toggle="main-grid-print" class="table-bordered">
</table>