其他分享
首页 > 其他分享> > 给element-ui的table表的表头添加tooltip提示语

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

作者:互联网

1、效果

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:"死亡:点击可查看死亡信息;正常:点击更改人员生存状态"})

          ]);
      },

标签:el,undefined,死亡,tooltip,element,点击,表头,table
来源: https://www.cnblogs.com/zhaoliang1997/p/15689035.html