ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示

发现问题

当有多列字段显示时，会出现底部滚动条。
此时“暂无数据”文本是根据列平铺的总宽度居中。
这样就导致初始时滚动条是在最左侧，那么“暂无数据”文本就会向右偏移。

---

解决办法

尝试设置“暂无数据”文本元素所在元素右侧内边距。

/deep/ .el-table__empty-block {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding-right: 100%;
}

成功解决！

---

如果你觉得此篇博客对你有帮助，请点个赞再走吧！
转载请注明出处，并留言！