vue3-print-nb打印el-table表格不全的问题
时间: 2024-03-02 19:45:45 浏览: 281
vue-print-nb:Vue插件,打印! 好的!
根据提供的引用内容,解决vue3-print-nb打印el-table表格不全的问题有两种方式:
1. 添加table样式:
```css
table {
table-layout: auto !important;
}
.el-table__header {
width: 100% !important;
}
.el-table__body {
width: 100% !important;
}
```
2. 使用局部打印,并添加样式覆盖原来的table的宽度样式:
```html
<div id="printData">
<style scoped>
::v-deep .el-table {
margin-top: 10px;
table {
width: 100% !important;
}
.el-table__body,
.el-table__header {
width: 100% !important;
}
.el-table__body {
width: 100% !important;
}
}
</style>
<!-- el-table内容 -->
</div>
```
阅读全文