解决element-ui的表格设置固定栏后,边框线消失的bug

Posted shuen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决element-ui的表格设置固定栏后,边框线消失的bug相关的知识,希望对你有一定的参考价值。

技术分享图片

如上图所示,边框线消失了,解决方法如下

添加css代码,如果是修改全局,则到全局样式文件添加

.el-table__row{
  td:not(.is-hidden):last-child{
  right:-1px;}
  }

如果是修改局部,则用样式穿透添加,在当前页面的css文件添加

/*注意deep两侧都要有空格*/
.current_page_classname /deep/ .el-table__row{
  td:not(.is-hidden):last-child{
  right:-1px;}
  }

以上是关于解决element-ui的表格设置固定栏后,边框线消失的bug的主要内容,如果未能解决你的问题,请参考以下文章

用html编写表格,为啥表格内容与边框的距离这么远,怎么解决这样的问题,请告知代码

如何在html的表格中加入边框线

excel表格边框不显示的解决方法

在html中 怎样改变表格边框线的颜色?

excel为啥突然没有表格边框线?

html中怎么去掉表格边框线的?