如何给a-table增加列宽拖动功能

对于table的列宽设置 相信用过的人都知道,想要设置得很完美,几乎是不现实的,因为总有数据或长或短,那我们应该如何优化它呢?那便是让用户自行拖动列宽,从而能看全table的数据,但是对于antd-vue 1.x版本的UI库来说,原生是不支持的。那就只能自己来改造啦

这里借助了vue-draggable-resizable 第三方库

  1. table 其实提供了components这个props来允许开发者拓展header body footer的功能。

就这么简单 快实践试试吧

相关推荐
KaMeidebaby几秒前
卡梅德生物技术快报|PROTAC 药物降解蛋白原理及数据库平台开发全流程
前端·数据库·其他·百度·新浪微博
码银27 分钟前
在若依中如何新建一个模块(图文教程)
java·javascript
玄米乌龙茶12329 分钟前
LLM成长笔记(七): AI 应用框架与编排
前端·人工智能·笔记
OrangeForce39 分钟前
Monknow 书签导出工具:从本地存储提取数据并转为标准 HTML 书签
javascript·chrome·python·edge·html·firefox
mCell1 小时前
JavaScript:从事件循环到手写 Promise
javascript·面试·浏览器
芯芯点灯2 小时前
gd32f303烧录提示Flash Timeout. Reset the Target and try it again.;
开发语言·前端·javascript
前端若水2 小时前
自定义消息组件:图片、文件附件与图表
前端·人工智能·react.js·typescript
2601_958492552 小时前
7 Best WordPress Tools to Help Your News Site Actually Make Money
前端·word
放下华子我只抽RuiKe52 小时前
React 从入门到生产(七):性能优化实战
前端·javascript·人工智能·react.js·性能优化·前端框架·github
糯米团子7492 小时前
vue知识点复习
前端·vue.js