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

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

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

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

就这么简单 快实践试试吧

相关推荐
北辰alk20 小时前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk20 小时前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js
北辰alk20 小时前
Vue 的 <template> 标签:不仅仅是包裹容器
vue.js
Nan_Shu_61420 小时前
学习: Threejs (2)
前端·javascript·学习
北辰alk20 小时前
为什么不建议在 Vue 中同时使用 v-if 和 v-for?深度解析与最佳实践
vue.js
北辰alk20 小时前
Vue 模板中保留 HTML 注释的完整指南
vue.js
G_G#20 小时前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
北辰alk20 小时前
Vue 组件 name 选项:不只是个名字那么简单
vue.js
北辰alk20 小时前
Vue 计算属性与 data 属性同名:优雅的冲突还是潜在的陷阱?
vue.js
北辰alk20 小时前
Vue 的 v-show 和 v-if:性能、场景与实战选择
vue.js