今天接到需求,说是需要在表格的头部显示一个问号 鼠标悬浮上去 提示对应的信息:
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 } })] ) ] }, }