element-plus 实现 table 列动态显示,宽度调整,顺序调整, 鼠标拖拽调整

效果图

image

实现原理
  1. 定义一个数组,保存列的属性, 标题,是否显示,宽度等
  2. v-for 循环,动态设置列
  3. 弹出界面来修改这个数组,就实现了.
鼠标拖拽实现顺序调整

用鼠标点上下移动,感觉还是不直观,用拖拽方式的来实现。体验好多了。

image

posted @ 2024-04-19 10:05  涵旭  阅读(879)  评论(0编辑  收藏  举报