-
问题描述:使用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;}......}
}