el-table组件内容过长时显示tooltip

el-table内容过多的时候可以设置 show-overflow-tooltip为 true，这样可以设置实现超出隐藏功能。

但是这个方法有些问题：

先看下效果

如果拖动表头宽度，改变列的宽度，也可以适应。

能实现上述效果主要是能获取到列的width和realWidth 这2个字段的值（目前这个版本是可以获取到的），不拖动表头宽度的时候获取的是width字段，拖动表头后获取realWidth .

el-tooltip实现原理

原理就是重启项目,但比手动重启快多了,其深层原理是使用了两个ClassLoder,一个ClassLoader加载哪些不会改变的类(第三方jar包),另一个ClassLoader加载会更改的类.称之为restart ClassLoader,这样在有代码更改的时候,原来的restart Classloader被丢弃,重新创建一个restart ClassLoader,由于需要加载的类相比较少,所以实现了较快的重启时间(5秒以内）。

解决方法和原因如下：

el-table 标签上 加 tooltip-effect="light" ；//也可以用tooltip-effect="dark" 。

el-table-column标签上 加 show-overflow-tooltip。

省略的内容会在 hover 时以 tooltip 的形式显示出来。

相关简介

C#是由C和C++衍生出来的一种安全的、稳定的、简单的、优雅的面向对象编程语言。它在继承C和C++强大功能的同时去掉了一些它们的复杂特性（例如没有宏以及不允许多重继承）。

C#综合了VB简单的可视化 *** 作和C++的高运行效率，以其强大的 *** 作能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的支持成为.NET开发的首选语言。

---