VUE + Element-UI 使用el-table 如何实现表头文字加文字说明

先看效果：

当鼠标放到“❓”上面是，弹出一个小框进行提示：

代码如下：

给 el-table-column 添加 :render-header="renderHeader" 

然后在methods 方法中这样写：

    // 表头增加提示
    // render 事件
    renderHeader(h, { column }) {
      return h("div", [
        h("span", column.label),
        h(
          "el-tooltip",
          {
            props: {
              effect: "dark",//背景颜色
              content: "1 ~ 10为有效数据; 0或15为无效数据; 1 ~ 3是深睡状态; 4 ~ 6是浅睡状态; 7 ~ 10是活动状态",