IE 瀏覽器element-ui table: show-overflow-tooltip 臨界值時失效


問題:

在使用el-table表格時,有時會用到show-overflow-tooltip屬性,即當單元格內容不能完全顯示時顯示tooltip文字提示,並且單元格里的內容顯示省略號。

但是在ie瀏覽器中有時單元格里的內容過長並且顯示了省略號,但是鼠標滑上卻不顯示tooltip。

 

原因:

這是因為單元格的padding-right影響到的;

show-overflow-tooltip 跟你設置的寬度只差兩個字符時是不顯示的。

 

解決方法:

.el-table .cell, .el-table th div { padding-right: 0; }

 

效果:

 

 

引用:

https://blog.csdn.net/weixin_42976970/article/details/106993267

https://bbs.huaweicloud.com/blogs/231960


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM