element-table表头错位

2020-05-07  本文已影响0人  bypwan

1,通过css解决表头错位的问题

如el-table在容器类名为table-container中

  .table-container /deep/ .el-table th.gutter{
   display: table-cell!important;
  }
 th.gutter,
  colgroup.gutter {
    display: block !important;
    width: 6px !important
  }
  .el-table th.gutter{
   display: table-cell!important;
  }

这里设置width:6px是因为我们通过css改变了浏览器滚动条的宽度,表头错位也是因为出现滚动条的原因
存在问题:只解决了谷歌浏览器的问题

上一篇下一篇

猜你喜欢

热点阅读