表格 列头添加问号提示

413 阅读1分钟
        align="center"
        label="评估状态"
        min-width="180"
        prop="evaluateStatusStr"
        :render-header="headerTip"
      >
      </el-table-column>
      
      
    // 方法  
   headerTip(h, { column, $index }) {
      return (
        <div>
          <span>评估状态</span>
          <el-tooltip
            class="item"
            effect="dark"
            content="Top Left 提示文字"
            placement="top-start"
          >
            <div slot="content">
              当前状态说明
              <br />
              未进入评估环节页卡:当前状态只包含一种状态“填写创值数据
              <br />
              已进入评估环节页卡:
              <br />
              1、填写创值数据:处于被评估人填写创值数据阶段,管理员未操作进入评估环节则仍然停留在此阶段
              <br />
              2、初评中:处于初评环节阶段
              <br />
              3、终评中:处于终评评环节阶段
              <br />
              4、审批中:处于审批阶段
              <br />
              5、评估结束:最后一个流程结束
              <br />
              6、结果已公布:管理员点击公布评估结果
            </div>
            <i class="el-icon-question"></i>
          </el-tooltip>
          <span onClick={this.expandMore} class="expandMore">
            <i
              class={
                this.showexpandMore
                  ? "el-icon-arrow-left"
                  : "el-icon-arrow-right"
              }
            ></i>
          </span>
        </div>
      );
    },

表格触发滚动事件

 handlerIsScroll() {
            let tableEven = this.$refs.table.bodyWrapper
            let scrollLeft = 0
            tableEven.addEventListener('scroll', () => {
                scrollLeft = this.$refs.table.bodyWrapper.scrollLeft
                scrollLeft > 0 ? this.isPositionLeft = true : this.isPositionLeft = false
            })
        },