Vue+ElementUI实现表头添加⼩提⽰（icon图标），当⿏标滑动⾄此位置时显⽰
提⽰信息
效果图：
实现步骤：
el-table-column中添加属性
:render-header=“renderHeader”
<!--操作-->
icon图标库
<el-table-column
label="操作"
fixed="right"
align="center"
header-align ="center"
width="250px"
:render-header="renderHeader"
>
methods:{
// ⼩提⽰
renderHeader(h,{column}){
const serviceContent=[
h('div',{
slot:"content",
},
"⼩提⽰：拖拽稿件所在⾏可进⾏排序"
)
]
return h("div",[
h("span",column.label),
h("el-tooltip",{
props:{
placement:"top"
}
},
[
serviceContent,
h("i",{
class:"el-icon-warning-outline",
style:"color:orange;margin-left:5px;"
})
])
]
);
},
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。