elementUI 表格表头合并行列后show-overflow-tooltip不生效问题

晴空万里藏片云

已于 2022-12-22 10:03:42 修改

阅读量792

点赞数

分类专栏： web开发过程中总结文章标签： elementui vue.js javascript

于 2022-12-22 09:37:51 首次发布

本文链接：https://blog.csdn.net/qq_40390762/article/details/128404549

版权

web开发过程中总结专栏收录该内容

23 篇文章 1 订阅

订阅专栏

表格

<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>