Element UI动态生成多级表头

1 基础常用的原型样例 

我们常常遇到的情况就是表头固定的，我们需要从后端获取对应表头的信息，如果信息比较多的时候为了方便我们展示，可以固定表头和列，下面是一个我们常见的例子：

固定列和表头可以同时使用，只需要将上述两个属性分别设置好即可。

• 前端显示：

 

• 代码实现

2 应用场景分析

        由于项目的需求，需要根据用户自定义的方式来初始化表格的表头包含哪些信息，有很多信息是有规律的，所以我们需要Element UI动态生成多级表头。场景：

     

 层数是可变化的，所以需要专门设置一个表格的数据来保存表头，然后通过v-for="item in tableColData"的方式来循环展示表头，由于层数是循环展示表头的，所以如果层数里面如果有第二级别的表头，就需要在表头数据多设置一级children，加上第二层v-for="item1 in item.children"来遍历二级表头。

• 前端展示

• 代码实现