bug宝典之bootstrap table打印问题

今天做打印工程，我使用的列表是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>