给element-ui的table表的表头添加tooltip提示语

1、效果

给element-ui的table表的表头添加tooltip提示语

2、element的table中

<el-table-column prop="hour" label="生存状态" :render-header="renderHeader"/>

3、methods中添加renderHeader方法

renderHeader(h,{column}) {
        return h('div',[
          h('span', column.label),
          h('el-tooltip',{undefined,
            props:{undefined,
              effect:'dark',
              content:"死亡:点击可查看死亡信息;正常:点击更改人员生存状态",
              placement:'top',
            },
          },
          [h('i', {undefined,
            class: 'el-icon-question',
            style: "color:#409eff;margin-left:5px;cursor:pointer;"
          })],
          {content:"死亡:点击可查看死亡信息;正常:点击更改人员生存状态"})

          ]);
      },
上一篇:面试题心得--jdk、jre,jvm的区别?


下一篇:安装 JRE 与环境变量配置