el-table設置自定義表頭，當表頭內容過長時，鼠標懸浮顯示完整內容

代碼：

<el-table-column label="來源" >
      <el-table-column
            v-for="(item, index) in list"
            :key="index"
            :prop="propValue"
            min-width="120"
        >
          <template slot="header" slot-scope="scope">
            <el-popover trigger="hover" placement="top">
              <span>{{item.value}}</span>
              <div slot="reference" style="width: 120px;padding: 0px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;">
                <span>{{item.value}}</span>
              </div>
          </el-popover>
          </template>
        </el-table-column>
    </el-table-column>

 

效果圖如下：