vue+elementui 打印表格不显示表格边框线

如果 Vue 项目使用了 Element UI 组件库中的 Table 组件打印表格时不显示表格边框线，可以通过在 CSS 中覆盖样式来解决。

可以在项目中新建一个 CSS 文件，如 print.css，在该文件中添加如下样式：

/* 表格边框 */
table {border-collapse: collapse;border: 1px solid black;
}/* 表格内容边框 */
td, th {border: 1px solid black;
}

vue+elementui 打印表格不显示表格边框线相关推荐

简述HTML5如何做表格只显示表格的外边框
今天享HTML5做表格只显示表格的外边框问题还有疑问的小伙伴可以简单了解一下,下面我们来看一下吧. 问题描述: 在一个在dreamweaver中,弄了一个登陆的表格,(包括登陆.注册.忘记密码)三行一 ...
html做表格只显示表格的外边框
html做表格只显示表格的外边框来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=112 我想问一个在dreamweaver中,我弄了一个登陆的表格 ...
elementui el-table根据分页显示表格序号
每页显示的序号都是一样的: <el-table :data="tableData" highlight-current-row @current-change="h ...
vue+elementui Table组件splice删除表格总是删除最后一行
原因是没有给table下面的row加key,才导致的问题解决方法: 在 el-table 标签里加一个 row-key 属性 <el-table :data="tableData& ...
表格里面出现个别边框线粗细不同的解决
出现原因:浏览器缩放导致解决办法:1.给表格设置 border-collapse: separate;border-spacing: 1px;background-color: #DFDFDF; 2 ...
vue网页打印针式打印机内容显示不全
经测试针式打印机打印内容不全.选择打印模式A4,解决方法,给打印主题的宽度为60%,可以根据纸张大小进行调整百分比: 打印页脚文字设置,使用定位即可实现代码如下: <template>& ...
Excel没有设置边框线，打印却有边框线
Excel没有设置边框线,打印却有边框线明明没有给Excel表格设置边框线,预览和打印出来却显示有边框线,特别是那一圈包括全表格的边框线特别烦人,死活去不掉. 经过一番摸索,终于找到解决办法,off ...
jsp中html的表格table不显示,使用jsp显示表格信息
编号姓名 <...> 将下面的代码,粘贴复制到jsp 中 } //删除功能 function deletHero(elm) { elm.parentElement.parentEleme ...
html table 边框线隐藏,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间 ...

vue+elementui 打印表格不显示表格边框线

vue+elementui 打印表格不显示表格边框线相关推荐

最新文章

热门文章