当页面加载数据,数据条数太多,导致table出现滚动条,应该是 dom渲染问题,table默认加载没有滚动条.数据多 异步加载导致如下问题,问题出在哪,出在 图二 红框 请自行跟图一对比一下!!!
解决方案:
在这里插入图片描述
src->styles->index.scss 或者 APP.vue下 添加 如下 样式,缺一不可! 之前网上搜 直说 写上面的就行,但是 根本不好使!这么写,强行覆盖滚动条样式,width=滚动条宽度 就ok了!

// 全局设置
body .el-table th.gutter {
  display: table-cell !important;
}
.el-table {
  th.gutter,
  colgroup.gutter {
    display: block !important;
    width: 6px !important
  }
}
::-webkit-scrollbar {
  width: 6px
}

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐