Vue+ElementUI实现表头添加小提示（icon图标），当鼠标滑动至此位置时显示提示信息

Vue+ElementUI实现表头添加小提示（icon图标），当鼠标滑动至此位置时显示提示信息

效果图：

实现步骤：
el-table-column中添加属性
:render-header=“renderHeader”

<!-- 操作 -->
<el-table-columnlabel="操作"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;"})])]);},
}