ElementUI2.0的表格的擴展：

如果要實現鼠標移到表頭有注釋或者彈框該怎么添加呢？

可以使用table的rander-header屬性，render出一個el-tooltip文字提示

而文字提示的內容暫存到label-class-name屬性里(當然損失了label-class-name的應有功能)

在el-table-column上添加:rander-header="foo"

然后在methods里寫上foo方法：

foo(h,{column}){

if(column. labelClassName){

return(

class="item"

effect="dark"

content={column.lableClassName}

placement="bottom"

>

{column.lable}

)

}

}

注：里邊的span是渲染的表頭名，因為全部整個都重新渲染了，效果如下圖：

微信圖片_20180330093749.jpg

如果還有其它疑問請留言，謝謝支持~

demo github地址 運行后點擊菜單里的“持倉”

總結

以上是生活随笔為你收集整理的elementui表格中tip设置_VUE2.0+ElementUI2.0表格el-table：表头扩展el-tooltip的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。