Element的show-overflow-tooltip属性

最新推荐文章于 2024-05-16 14:18:49 发布

优秀的秃顶美男子

最新推荐文章于 2024-05-16 14:18:49 发布

阅读量2.9w

点赞数 10

分类专栏：前端 vue element

本文链接：https://blog.csdn.net/lyl815616/article/details/99639484

版权

vue 同时被 3 个专栏收录

19 篇文章 1 订阅

订阅专栏

前端

15 篇文章 0 订阅

订阅专栏

element

5 篇文章 0 订阅

订阅专栏

会在一行上面显示黑色悬浮框、由于开发原因需要修改宽度、找了好久。做下记录：
css

    <el-table
      :data="dataList"
      v-loading="listLoading"
      border
      fit
      highlight-current-row
      style="width: 100%;"
    >
      <el-table-column align="center" label="咨询的问题" show-overflow-tooltip>
        <template slot-scope="scope">
          <span>{{scope.row.askQuestions}}</span>
        </template>
      </el-table-column>
    </el-table>
<style lang="scss">
.el-tooltip__popper {
  max-width:30%
}
</style>