效果图:
实现步骤:
el-table-column
中添加属性
:render-header=“renderHeader”
<!-- 操作 -->
<el-table-column
label="操作"
fixed="right"
align="center"
header-align = "center"
style="overflow-x: hidden;"
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;"
})
])
]);
},
}