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

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

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

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

就这么简单 快实践试试吧

相关推荐
拉不动的猪17 小时前
浏览器&Websocket&热更新
前端·javascript·vue.js
那些免费的砖17 小时前
Reka UI - 一款免费开源的 Vue 无头 UI 组件库,样式定制开发项目的绝佳选择
vue.js·ui·开源
Never_Satisfied17 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html
im_AMBER17 小时前
React 12
前端·javascript·笔记·学习·react.js·前端框架
开开心心就好17 小时前
电脑音质提升:杜比全景声安装详细教程
java·开发语言·前端·数据库·电脑·ruby·1024程序员节
午安~婉17 小时前
HTML CSS八股
前端·css·html
有事没事实验室18 小时前
css变量
前端·css
前端付豪18 小时前
Vue 中的 JSX:让组件渲染更灵活的正确方式
前端·javascript·vue.js
在泡泡里18 小时前
前端规范【四】eslint(antfu)、lefthook、commitlint
前端
烛阴18 小时前
Python 几行代码,让你的照片秒变艺术素描画
前端·python