1. 程式人生 > 其它 >ElementUI的Table元件在無資料情況下讓“暫無資料”文字居中顯示

ElementUI的Table元件在無資料情況下讓“暫無資料”文字居中顯示

技術標籤:Vueelementuicssvue

發現問題

當有多列欄位顯示時,會出現底部滾動條。
此時“暫無資料”文字是根據列平鋪的總寬度居中。
這樣就導致初始時滾動條是在最左側,那麼“暫無資料”文字就會向右偏移。
在這裡插入圖片描述


解決辦法

嘗試設定“暫無資料”文字元素所在元素右側內邊距。

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

成功解決!
在這裡插入圖片描述


如果你覺得此篇部落格對你有幫助,請點個贊再走吧!
轉載請註明出處,並留言!