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

1. 问题起源

当显示多列字段时，底部会出现滚动条。“暂无数据”文本根据列平铺的总宽度进行居中，导致无数据时“暂无数据”文本向右偏移。

---

2. 解决方法

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

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

---

3. 最终效果

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