今天接到需求,说是需要在表格的头部显示一个问号 鼠标悬浮上去 提示对应的信息:
ok.先看效果图
开摆:
<el-table-column :render-header="renderHead" label="采购比重" prop="xxxx">
</el-table-column>
methods:{
//渲染表格头自定义显示悬浮ui提示
renderHead(show, {
column
}) {
return [
column.label,
show(
'el-tooltip', {
props: {
content: '自然年累计数据,每年1月1日-今日',
placement: 'top'
}
},
[show('span', {
class: {
'el-icon-question': true
}
})]
)
]
},
}