java表格换页加表头_Element实现表格嵌套、多个表格共用一个表头的方法；

一、分析需求

这里先上一张图说明 需求：

根据后端返回的数据 (res 是一个数组，它的元素是一个对象，对象里面的ext属性是一个对象，它又包含了，default、free和pay三个属性，且这三个都是数组格式。)：

渲染出一个这样子的 表格 ：

res数据：

res的每一个元素的直接属性name (即为邮费模板名称，比如成都运费模板)，

res的ext属性下的三个数组 default、free、pay，每一个数组要大的一行(这一行中，第一列是运送到的地址的名字，这里定义的是area属性，但后端是未给到这个字段的，可自己处理数据添加该字段 ，这里就不细说了。) 这个area属性占据的这一列，在页面的展示效果 应该是多行合并的效果。

二、代码实现：

{ {scope.row.name}}

修改

删除

export default {

data () {

return {

// res 参考的是后端返回的数据格式，

res: [

{

id: 1,

dealer_id: 0,

name: '成都运费模板',

type: 1,

ext: {

default: [{ area: '默认', type: 1, region: '1', weight: '首重d', weight_incre: '续重d', firs