element-ui复杂table表格-动态新增列、动态调整行、列顺序

目标：实现一个复杂table具有以下功能：表格行展开、全部展开、收起、全部收起；可动态配置展示哪些列、调整列展示顺序；动态调整行顺序、行上移、行下移、行移动最顶部、行移动最底部

一、页面效果：

1.全部展开

2.全部收起

 3.配置显示列

 4.调整字段顺序（拖拽方式）

 5.行操作（查看、修改、删除、行上下移动）

二、代码实现（vue+Element-ui）

思路：本质上就是将表格看成一个数组，对表格的操作当成对数组的操作。