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


1、效果

2、element的table中

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

          ]);
      },

4、换行【自行调整宽度即可】

  .el-tooltip__popper {
    max-width: 400px !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
  }

相关