怎么解决el-table单元格文字下方多了条横线

于 2024-08-02 17:00:15 发布
阅读量172 收藏
点赞数 5
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hcn5201314cc/article/details/140874969
版权

左右横线出现是因为 table两边设置了fixed属性

解决办法如下

.el-table__fixed::before {

  background-color: transparent !important ;

}

.el-table__fixed-right::before {

  background-color: transparent !important ;

}

星辰·守护
关注
解决elementUI固定列后，下方多了一条横线的问题
qq_37635012的博客
02-18 978
【代码】解决elementUI固定列后，下方多了一条横线的问题。
elementui table 固定列_解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
weixin_42575109的博客
01-12 941
现象：解决方法 ：1.修改全局css2.只修改局部css.你的tableClass{/deep/ .el-table__fixed {height: 100% !important; //设置高优先，以覆盖内联样式}}补充知识：解决ElementUI的Table组件固定列，在屏幕刚好够表格显示时，会出现固定列显示不全的问题在使用ElementUI的Table组件中的固定列时，发现当表格刚好显示全，...
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
11-20
现象： 解决方法 ： 1.修改全局css 2.只修改局部css .你的tableClass{ /deep/ .el-table__fixed { height: 100% !important; //设置高优先，以覆盖内联样式 } } 补充知识：解决ElementUI的Table组件固定列，在屏幕刚好够表格显示时，会出现固定列显示不全的问题 在使用ElementUI的Table组件中的固定列时，发现当表格刚好显示全，处于临界值状态时，固定列的高度(height)会于表格高度不一致，导致固定列显示不全，出现垂直滚动条。 如上图所示，现在表格下方是未出现水平滚动条的，处
ElementUI中table表格固定列最下方会出现一条下边框线
m0_37322682的博客
06-02 2285
在我们使用ElementUI的table表格组件的时候，如果使用了左边或者右边的固定列，在切换表格的时候，表格的最下方会出现一条横线
el-table底部莫名出现多的横线，解决办法
huang_jimei的博客
06-06 682
el-table底部莫名出现多的横线，解决办法。
去除el-tabs的底部灰色横线
爬楼梯的前端小白的博客
10-10 3096
【代码】去除el-tabs的底部灰色横线。
el-table去掉每行底部自带的横线
weixin_43479662的博客
06-07 1654
问题el-table每行都有自带的横线，但是业务并不需要。
el-table改变窗口大小的时候，不出现滚动条（自适应）
weixin_40624809的博客
09-23 2381
在每一列上加最小宽度 min-width="5% 剩余空间会自动分配 <el-table-column prop="roomName" label="车间" min-width="5%"> </el-table-column> <el-table-column prop="carType" label="车型" min-width="5%"> </el-table-column> ..
el-table 边框只加横线
最新发布
08-27
如果你想要给`el-table`只加上横边框，可以通过设置单元格的内边距来实现，因为Element UI的表格默认边框是单元格之间的横竖都有的。但是需要注意的是，Element UI不提供直接设置只显示横线的属性，我们可以通过...
el-table表格动态渲染标题内容以及横排与竖排样式
laoluo_520的博客
07-04 691
el-table表格动态渲染标题内容以及横排与竖排样式
el-table多一条横线
weixin_50517811的博客
06-18 350
el-table多一条横线，el-table有一个before的伪元素作为表格的下边框下，初始的时候已设置，在滚动的时候并没有重新设置位置，导致滚动的el-table带上了这条线。问题：当设置dialog中有el-table时，并设置el-table区域的滚动，看到el-table中多了一条横线。简单粗暴的可以使用display:none 或者height :0。有调整该伪元素层级的，但并不能可靠的解决。
element中 el-tabs 去掉底部的下划线和切换时的下划线
cainiao1412的博客
07-03 1059
【代码】element中 el-tabs 去掉底部的下划线和切换时的下划线。
解决el-table多出一条横线的问题
shiqifei的博客
06-14 956
此问题主要是伪元素导致，将伪元素隐藏，下面提供两种方式。
el-table表格下方多一条线的问题
温柔咩咩的博客
09-22 3984
在el-table表格内容过多时滚动，表格下边框随着初始位置滚动问题，导致表格多出一条横线一条横线。
element-ui的el-table自带横线的去除 和 iview的table边框线去除
豆奶的博客
06-01 7026
elementui和iviewui的table边框线去除
el-table 表格内容多一根线的解决办法
博哥的二进制世界
07-29 2690
如图所示，数据中多了一条横线 解决办法是 .el-table::before { z-index: inherit; }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值