element中表头添加边框,右侧边框不显示的问题

在最近的大屏项目中使用element的表格,要固定表头,还要修改原样式,其他样式都好修改,唯独给表头添加边框时,会有问题,右侧边框显示不出来。
在这里插入图片描述
就像这样,试了各种办法,因为固定表头后,下方内容就会出现滚动条,所以它这个表头的末尾添加了一个空的th和滚动条的宽度一样影响的。
在这里插入图片描述
起初给这个空标签添单独加左边框也能实现,但是当内容长度达不到滚动时或者空内容时,就不好使了,最后发现被一个属性影响了
在这里插入图片描述

这就简单了 更改这个属性为默认值真解决了

  /deep/.el-table .el-table__header-wrapper .el-table__header {
    table-layout: auto !important;  //就这个影响
    border: 2px solid #00ffff;
  }

如果你的宽度不够时,还是会出现问题,可以将表格的宽度小个几个百分点也行

 <el-table :data="memberEvent" style="width: 98%" height="230">
 </el-table>

在这里插入图片描述
还有啥好方法 求告知

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值