element-ui表格show-overflow-tooltip="true",鼠標移上去顯示的寬度設置


情景:在使用element-ui表格時,內容過多,選用屬性show-overflow-tooltip="true"進行溢出處理,但是鼠標移上顯示時,很不美觀,效果如下:

 

 

 

解決辦法:

tooltip的類是el-tooltip__popper,所有設置一下CSS樣式控制寬度就行了,css樣式代碼如下:

<style lang="css">
.el-tooltip__popper{font-size: 14px; max-width:50% } /*設置顯示隱藏部分內容,按50%顯示*/
</style>

效果如下:

 

 


免責聲明!

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



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