[JavaScript知识库]elementUI 表格表头合并行列后show-overflow-tooltip不生效问题

表格

<el-table-column pr="aa" align="center" width="50" label="你好哈" show-overflow-tooltip>
  <template slot-scope="scope">
      <div class="one-line">
        <span>{{ scope.row.aa}}</span>
      </div>
  </template>
</el-table-column>

css

.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

表头添加内容

<el-table-column prop="current_year_arrived_volume" width="120" align="center" :label="label2">
  <template #header>{{label2}}
    合计：{{titleData.current_year_arrived_volume_total}}
  </template>
</el-table-column>