window.print()预览时表格显示不全

devtools/2025/1/15 2:58:48/
  • 问题描述:使用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;}......}
}

http://www.ppmy.cn/devtools/150560.html

相关文章

CSS语言的数据类型

CSS语言的数据类型详解 引言 CSS(层叠样式表)是一种用来描述HTML文档外观的样式表语言。尽管CSS主要用于视觉呈现,而不是数据处理,但它仍然包含了一定的数据类型,这些数据类型是决定样式和布局的重要因素。掌握这些数…

ES 的倒排索引

目录 什么是 elasticSearch。 什么是倒排索引 Term Index 是什么 Stored Fields 是什么 Doc Values 是什么 segment lucene 是什么 高性能 高扩展性 高可用 Node 角色分化 去中心化 ES 是什么? ES 和 Kafka 的架构差异 ES 的写入流程 ES 的搜索流程 查询阶段…

ANSYS Fluent学习笔记(三)SCDM基础建模

SCDM的GUI界面图如下: 这个是选择一个面来作为基准面 这是表示让基准面 首先是在设计里面一般是草图编辑进行使用的: 编辑可以拉伸,也可以基于一个轴进行旋转. 拉伸效果图 旋转效果图: 然后SCDM有三种模式:分别是草图…

Java Web开发进阶——WebSocket与实时通信

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,广泛应用于需要实时数据交换的应用程序中。它能够实现服务器与客户端之间的双向通信,避免了传统 HTTP 请求/响应的延迟。结合 Spring Boot,开发实时通信应用变得更加高效与简便。 1. …

GitCode G-Star 光引计划终审前十名获奖项目公示

在技术的浩瀚星空中,GitCode 平台上的 G-Star 项目熠熠生辉。如今,“光引计划” 已圆满落幕,众多 G-Star 项目作者,一同分享项目在 GitCode 平台托管的宝贵体验,并深入挖掘平台的多样玩法。 众多投稿纷至沓来&#xf…

MPLS原理及配置

赶时间可以只看实验部分 由来:90年代中期,互联网流量的快速增长。传统IP报文依赖路由器查询路由表转发,但由于硬件技术存在限制导致转发性能低,查表转发成为了网络数据转发的瓶颈。 因此,旨在提高路由器转发速度的MPL…

大语言模型的前沿探索:从理论到实践的深度剖析

预训练语言模型的发展 BERT的出现:2018年,Google的研究团队提出了BERT(Bidirectional Encoder Representations from Transformers),它通过大规模预训练学习语言的通用表示,然后在各种下游自然语言处理任务…

使用葡萄城+vue实现Excel

最终实现效果如下 包含增加复选框 设置公式 设置背景颜色等,代码实在太多 有需要可留言 第一步:创建表头 请使用官网提供的网址:在线 Excel 编辑器 | SpreadJS 在线表格编辑器 1.点击下方号,创建一个新的sheet页 默认新创建的she…