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(
<el-tooltip
class="item"
effect="dark"
content={column.lableClassName}
placement="bottom"
>
<span>{column.lable}</span>
</el-tooltip>
)
}
}
注:里边的span是渲染的表头名,因为全部整个都重新渲染了,效果如下图:
如果还有其它疑问请留言,谢谢支持~