element的table中的多级表头

之前用element写页面都是写的一级表头，今天后台让写一个多级表头的页面，刚开始也很蒙。后来发现element官网中有教学，于是就做出了下面这样的效果

其实思路很简单， 只需要在 el-table-column 里面嵌套 el-table-column，就可以实现多级表头。

下面是代码

                   <el-table
                      :data="rows"
                      border
                      style="width: 100%">
                      <!-- 收费方式名称 -->
                      <el-table-column
                        prop="Name"
                        width="70"
                        label="收费方式名称">
                      </el-table-column>
                      <!-- 停车费 -->
                      <el-table-column
                      label="停车费">
                            <el-table-column
                            label="按次">
                                <el-table-column
                                    prop="PerTimesPark"
                                    width="50"
                                    label="每次停车">
                                </el-table-column>
                                <el-table-column
                                    prop="NightPark"
                                    width="50"
                                    label="过夜停车">
                                </el-table-column>
                            </el-table-column>
                            <el-table-column
                            label="按时收费/按时收费A/按段循环收费">
                                 <el-table-column
                                    prop="LimitMoney"