【转载】element-ui table表格根据内容列宽自适应-白红宇的个人博客

发布日期：2021-05-12 18:37:57 浏览次数：13 分类：精选文章

本文共 627 字，大约阅读时间需要 2 分钟。

为了解决项目中表格自适应宽度问题，我们需要引入支持自适应列宽的表格列组件。经过研究发现，基于Element-UI封装的af-table-column组件能够满足需求。

在项目根目录执行以下命令：

npm install af-table-column

将插件添加到主文件中：

import Vue from 'vue'import ElementUI from 'element-ui'import AFTableColumn from 'af-table-column'Vue.use(AFTableColumn)

在组件中使用如下方式：

该组件支持灵活的自定义内容，同时兼容Element UI原有的列组件，确保开发过程中的灵活性。

上一篇：js小技巧：巧秒获取某个月份的天数

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

windows/linux下Anaconda管理的（安装的）包的位置 2019-03-12

伴随矩阵和逆矩阵的关系证明 2019-03-12

numpy.linspace使用详解 2019-03-12

突破Bias-Variance困境 2019-03-12

CNN / language modelling and sequence generation 2019-03-12

Form窗体属性 2019-03-12

自恢复保险丝的选用 2019-03-12

Altium Designer唤出关掉的窗口 2019-03-12

输入过欠压保护电路原理图 2019-03-12

altium designer PCB 屏蔽DRC报错 2019-03-12

MDK编译后生成bin文件占用FLASH大小说明 2019-03-12

六大原则 2019-03-12

Linux自有服务 2019-03-12

HDU A + B Problem II 2019-03-12

随笔-调试小技巧 2019-03-12

PCL 无序点云的三角剖分 2019-03-12

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 461353142 位访客