【转载】element-ui table表格根据内容列宽自适应

搬运自简书：https://www.jianshu.com/p/a5435ec44a80

 

由于项目的需求规定表格中的内容超出部分不能悬浮显示，要自适应宽，先element 表格的是不支持自适应的，经过搜索引用了基于 Element-UI 二次封装的支持自适应列宽的 table-column 列组件

github 链接： af-table-column

安装

 

npm install af-table-column

在main.js引入

 

import Vue from 'vue'
import ElementUI from 'element-ui'
//需要按需引入，先引入vue并引入element-ui
import AFTableColumn from 'af-table-column'
Vue.use(AFTableColumn)

组件中使用方法

 

作者：重启试试吧
链接：https://www.jianshu.com/p/a5435ec44a80
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。