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

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

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

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

就这么简单 快实践试试吧

相关推荐
我是若尘9 分钟前
Webpack 入门到实战 - 复习强化版
前端
晓131312 分钟前
JavaScript基础篇——第五章 对象(最终篇)
开发语言·前端·javascript
倔强青铜三14 分钟前
苦练Python第1天:为何要在2025年学习Python
前端·后端·python
满分观察网友z23 分钟前
uniapp使用video实现沉浸式在线课程学习平台
前端
灋✘逞_兇41 分钟前
Node.Js是什么?
服务器·javascript·node.js
当牛作馬1 小时前
React——ant-design组件库使用问题记录
前端·react.js·前端框架
0wioiw01 小时前
Flutter基础(前端教程⑨-图片)
前端·flutter
一只一只妖1 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
武昌库里写JAVA1 小时前
vue3面试题(个人笔记)
java·vue.js·spring boot·学习·课程设计