-
问题描述:使用element的table组件,表格列宽为自适应,但使用window.print()方法预览的页面会直接按预览宽度截取表格内容进行展示,造成表格可能的显示不全问题
-
解决方法:添加如下样式
@media print {
::v-deep {
// 表头过长自动换行
.el-table__header-wrapper {
.cell {
white-space: pre-wrap !important;
}
}
// 打印预览下表格不超出可视区
table {
table-layout: auto;
}
.el-table__header-wrapper .el-table__header {
width: 100% !important;
}
.el-table__body-wrapper .el-table__body {
width: 100% !important;
}
......
}
}