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

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

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

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

就这么简单 快实践试试吧

相关推荐
我是仙女你信不信3 分钟前
生成pdf并下载
前端·javascript·vue.js
少糖研究所3 分钟前
记一次Web Worker的使用
前端·性能优化
乔乔不姓乔呀5 分钟前
pc 和大屏如何适配
前端
speedoooo16 分钟前
新晋前端框架技术:小程序容器与SuperApp构建
前端·小程序·前端框架·web app
vvilkim26 分钟前
React 组件类型详解:类组件 vs. 函数组件
前端·javascript·react.js
猫了个咪丶27 分钟前
一文教你搞懂如何消除异步函数的传染性
前端
JiangJiang27 分钟前
🧠 useMemo + memo + useContext 性能优化实战:从无感重渲染到丝滑体验
前端·react.js·面试
糖墨夕29 分钟前
【3】Threejs环境光、点光源、聚光灯等常见光源类型对比
前端·three.js·canvas
汪子熙29 分钟前
使用 Trae 快速开发能生成二维码的 SAP UI5 应用
前端·trae
猪猪小铁拳32 分钟前
dva调试
前端