加急!! vue+elementUI数据表格,需要实现动态列，展开行！！！只要代码

功能需求如下:

1.点击①实现展开行

2.中间的四列对应的是数据库中的字段和值(重点，明细行中的一行显示四个字段的名和值)

3.动态列，点击选择按钮(可随意添加一个)，显示DB中的所有字段，每个字段前有一个checkbox，可多选，选中的字段显示在表格中间的四列，每行只能显示四列，选中的字段  > 4 行，则明细行换行显示

4.点击新建按钮在表格下方出现新的一行可填写新的数据

要求：不需要后台代码前台使用假数据就行，但要数据模仿后台传递回来的Jason数据格式

请大家给我代码！！！只要代码！！！

不是有展开行的配置吗，展开行里你写什么都行

https://www.antdv.com/components/table-cn/#components-table-demo-nested-tables 这个有。但是不是elementUI

https://element.eleme.cn/#/zh-CN/component/table#zhan-kai-xing

1.官方组件有类似的功能

2.后台返回数组的时候除了那四列 其他给null就好了

3.这个动态增减列 自己定义个属性 true false。控制是否显示

4.手动复制一行 然后数据清空就好了

请大家给我代码！！！只要代码！！！