elementui table 默认带滚动条 导致 表头不对齐问题
当页面加载数据,数据条数太多,导致table出现滚动条,应该是 dom渲染问题,table默认加载没有滚动条.数据多 异步加载导致如下问题,解决方案:src->styles->index.scss 或者 APP.vue下 添加 如下 样式,缺一不可! 之前网上搜 直说 写上面的就行,但是 根本不好使!这么写,强行覆盖滚动条样式,width=滚动条宽度 就ok了!// 全局设置b...
·
当页面加载数据,数据条数太多,导致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
}
更多推荐
已为社区贡献6条内容
所有评论(0)