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

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

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

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

就这么简单 快实践试试吧

相关推荐
世俗ˊ12 分钟前
CSS入门笔记
前端·css·笔记
子非鱼92112 分钟前
【前端】ES6:Set与Map
前端·javascript·es6
6230_17 分钟前
git使用“保姆级”教程1——简介及配置项设置
前端·git·学习·html·web3·学习方法·改行学it
想退休的搬砖人26 分钟前
vue选项式写法项目案例(购物车)
前端·javascript·vue.js
加勒比海涛40 分钟前
HTML 揭秘:HTML 编码快速入门
前端·html
啥子花道42 分钟前
Vue3.4 中 v-model 双向数据绑定新玩法详解
前端·javascript·vue.js
麒麟而非淇淋1 小时前
AJAX 入门 day3
前端·javascript·ajax
茶茶只知道学习1 小时前
通过鼠标移动来调整两个盒子的宽度(响应式)
前端·javascript·css
清汤饺子1 小时前
实践指南之网页转PDF
前端·javascript·react.js
蒟蒻的贤1 小时前
Web APIs 第二天
开发语言·前端·javascript