el-table自定义表头(表头添加特定内容的悬浮提示)

1,257 阅读1分钟

问题简述:表格表头的标题是从后台动态获取且内容很长。需要设置表头样式且增加悬浮提示。

解决办法:用el-table中的自定义表头方法:render-header。

实现过程: html页面代码:

js代码:

结果如下:

会出现悬浮提示位置错位,需要通过css样式进行调整。 css如下:

这样提示框就在元素的正中间位置。