1.在所在的打印的vue文件内添加
mounted(){
this.$nextTick(() => {
//获取el-table的thead dom节点
let thead = this.$refs.表.$el.querySelector('.el-table__header-wrapper thead');
//追加到el-table的内容里去
this.$refs.表.$el.querySelector('.el-table__body-wrapper table').appendChild(thead)
})
}
2.在所在的打印的文件内添加样式
/* 隐藏咱们dom操作添加的节点,不影响el-table原功能 */
.el-table .el-table__body-wrapper table thead{
display:none;
}
3.window.print样式添加的地方
/* 页面打印必要样式配置-----Start */
/*仅打印时的样式*/
/* 在打印的时候隐藏el-table的表头,开放咱们dom操作添加的节点 */
@media print{
.el-table .el-table__header-wrapper{
display:none;
}
.el-table .el-table__body-wrapper table thead{
display:table-header-group;
}
}
示图: