自学内容网 自学内容网

工作日志:el-table在无数据情况下,出现横向滚动条。

1、遇到一个警告。
在这里插入图片描述
原因:中的组件不能呈现动画的非元素根节点。 也就是说,Transition包裹的必须是一个单根的组件。

2、el-table在无数据情况下,出现横向滚动条,大概跟边框的设置有关系。
在这里插入图片描述
开始排查。
在这里插入图片描述
给.el-scrollbar加了一个边框后,发现有数据的时候table右侧的边框多了一层;无数据的时候,右侧body部分没有边框,滚动条出现,滚动到最右侧,边框才出现。说明给el-scrollbar加边框是有问题的,果断去掉。

最后尝试了各种方法,解决:

.el-table .el-scrollbar .el-table__empty-block {
    border-right: 1px solid #EBEEF5;
    width: 100% !important;
}

原文地址:https://blog.csdn.net/qq_42812154/article/details/142517772

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!