全局給Element的table組件每一列添加show-overflow-tooltip屬性

Table 作為前端開發(fā)中最常用的一個控件，在使用Table展示數(shù)據(jù)時，可能會因?yàn)槟沉械膬?nèi)容過長，導(dǎo)致表格換行比較難看。

使用Element UI的同學(xué)可以使用showOverflowTooltip屬性，默認(rèn)值為false，設(shè)置為true后，在某列內(nèi)容展示不下時，自動添加…縮略，鼠標(biāo)移動到這列時，展示tooltip來展示 完整內(nèi)容。

但是，如果每個使用到Table的地方都設(shè)置，那要設(shè)置的地方就多了。

可以使用全局修改showOverflowTooltip的默認(rèn)值為true，就不需要在列表的地方設(shè)置了。

在main.js中修改Element UI Table的默認(rèn)值，代碼如下：

import ElementUI from 'element-ui'
//全局修改element默認(rèn)配置
ElementUI.TableColumn.props.showOverflowTooltip ={type:Boolean, default: true}
Vue.use(ElementUI)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容