element中table组件内容过长时显示tooltip

show-overflow-tooltip

true:当内容过长被隐藏时显示 tooltip
false:默认值

<el-table-column label="文件路径" prop="filePath" align="center" width="220" show-overflow-tooltip=true>
</el-table-column>

也可以结合el-popover组件自己来实现

    <el-table-column label="文件路径" prop="filePath" align="center" width="220">
          <template slot-scope="scope">
            <el-popover placement="top-start" title="文件路径" width="250" trigger="hover" >
              <div>{{scope.row.filePath}}</div>
                <span slot="reference">{{ scope.row.filePath.substr(0,30)+'...' }}</span>
            </el-popover>
          </template>
    </el-table-column>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文出处 http://blog.poetries.top/2016/11/19/bootstrap-review...
    前端进阶之旅阅读 11,977评论 0 42
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,490评论 0 29
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,920评论 25 709
  • 彼得·德鲁克是管理学科的开创者,被尊为“大师中的大师”、“现代管理学之父”,其管理思想一直深受现代企业家的追崇,甚...
    余仲泉阅读 3,255评论 0 2
  • 从前的我会担心, 那些浮在脸上的笑脸,有一天会不会也都变成让人厌恶的白眼。会害怕那些久住在你心里的那个人会不...
    南城惜沐阅读 2,622评论 0 0

友情链接更多精彩内容