你可以通过浏览器的开发者工具(通常按F12打开)来查找控制el-table边框的CSS类或样式规则。这些规则可能包括.el-table、.el-table__header-wrapper th、.el-table__body-wrapper td等。修改或覆盖该CSS类或样式规则以去除边框: 你可以在Vue组件的<style>标签中或全局的CSS文件中添加或修改这些样式规则,将...
::v-deep .el-table__row > td { border: none; } .el-table::before { //去掉最下面的那一条线 height: 0px; } </style>
去除table单元格的底线 和 去除table的边框线 // 去掉所有的横线 .el-table__row>td{ border: none; } .el-table::before { height: 0px; } // 只去除表格的最最底部的横线 div /deep/ .el-table--border::after, div /deep/ .el-table--group::after, div /deep/ .el-table::before { back...
1、打开f12来找对应的样式 (1)下边框样式 从图中可以看出这条边框的样式是 .el-table::before{left:0;bottom:0;width:100%;height:1px; } 要想去掉这条线,可以设置 height: 0px; (2)右边框线 从图中可以看出有效样式是 .el-table--border::after{top:0;right:0;width:1px;height:100%; } 想要去...
el-table 下最底层td 会有border,消掉就好了还有,尽量不要使用 !important 语法 ,组件内可以使用.xxx>>>.el-table__row>td{ border: none }其中xxx为自定义的父级类名有用 回复 查看全部 5 个回答 推荐问题 如何自定义设置虚线边框的样式? 背景: {代码...} 如上图所示:虽然可以设置虚线边框,但是虚线...
看了网上的做法,有把背景色直接设为白色的,我觉得不太好,测试了一下,发现原本表格设置的是下边框,把下边框改为设置上边框就好了,这样的话还要加一个最后一行的下边框设置。 .el-table td, .el-table th.is-leaf{border-top:1px solid #EBEEF5;border-bottom:0}.el-table__body{border-bottom:1px solid...
问题描述 在我们使用饿了么UI框架做项目的时候,el-table的自带的表格边框颜色有时候需要修改一下。本文记录一下修改el-table边框样式的注意事项。 效果如下图 代码实现如下图 随手记录一下 编辑于 2023-12-06 23:05・IP 属地未知 内容所属专栏 elementUI 记录饿了么UI相关问题 订阅专栏 ...
el-table,如何去除最外层多余的边框? 船到桥头自然直 18210117179 发布于 2023-06-25 四川 在线demohttps://codesandbox.io/s/el-table-bian-kuang-chu-li-wrv8zm?fi... 想问这部分多余的边框要如何才能消除?且左边的表格边框依旧保留? demo里我已经试了几种方法,都无法完美达到我想要的效果...
那如何设置显示全部的边框效果呢？方法/步骤 1 打开一个vue文件，添加一个el-table标签组件，然后设置值为日期、姓名、地址的一个数组。如图 2 在el-table数组上添加border属性，用于显示所有边框。如图 3 保存vue文件后使用浏览器打开，这时就可以看到表格显示所有的边框。如图 ...
加下面样式可以去掉最下边的边框线 .el-table__row > td{border:none; }.el-table::before{height:0px; } 样式都是需要灵活运用的,以实现自己的业务需求。 下面用到id选择器都是我自己加的,类选择器是elementUI自带的 <style scoped > .el-table >>> th{background-color:#e4e7ed;border-top:1px so...