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

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

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

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

就这么简单 快实践试试吧

相关推荐
Forever7_几秒前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
不会敲代码19 分钟前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Angelial11 分钟前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu38 分钟前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu39 分钟前
Angular6学习笔记13:HTTP(3)
前端
小码哥_常42 分钟前
Kotlin抽象类与接口:相爱相杀的编程“CP”
前端
evelynlab43 分钟前
Tapable学习
前端
进击的尘埃1 小时前
Vue3 响应式原理:从 Proxy 到依赖收集,手撸一个迷你 reactivity
javascript
willow1 小时前
JavaScript数据类型整理1
javascript
LeeYaMaster1 小时前
15个例子熟练异步框架 Zone.js
前端·angular.js