el-table表头换行,改成溢出显示省略号,鼠标触碰显示全称

踩坑  跟着网上用一堆js去处理  傻乎乎的  一言难尽

后来发现官网写的非常清楚,自定义表头

<template slot="header" slot-scope="scope">

  <el-tooltip class="item" effect="dark" :content="column.name" placement="top">

    <span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"

      {{column.name}}

    </span>

  </el-tooltip>

</template>

猜你喜欢

转载自www.cnblogs.com/sxww-zyt/p/12744218.html
今日推荐