vue3表格实现列设置

效果图:

vue3表格实现列设置_第1张图片

实现:

1.element-plus主要组件:Tree 树形控件、Popover弹出框。

2.table表格的渲染要是通过数组渲染。


      
      

组件代码:



实现原理:通过改变表头渲染的数据theadList控制表格数据的渲染。

优化空间:1.加入全选按钮提升体验  2.tree加入拖拽实现数据列的位置调整(tree具备多级,表头也存在多级,tree组件有禁止拖入配置)。

你可能感兴趣的:(vue3,vue.js,elementui,javascript)