不规则表格的实现

通过Vue实现一个不规则表格

首先看一下我们需要完成的成品

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 {
"result":{
"items":[
{
"ef":"F",
"sz":null,
"ldxbz":"N",
"wpbz":"Y",
"lport":"HKHKG",
"dport":"CNQIN",
"sorT_FIELD":0,
"e20_MOV":2,
"e40_MOV":0,
"e45_MOV":0,
"eotH_MOV":0,
"e20_W":42.5,
"e40_W":0,
"e45_W":0,
"eotH_W":0,
"e_TEU":2,
"e_W":42.5
},
{
"ef":"F",
"sz":null,
"ldxbz":"N",
"wpbz":"N",
"lport":"VNHCM",
"dport":"CNQIN",
"sorT_FIELD":0,
"e20_MOV":188,
"e40_MOV":16,
"e45_MOV":0,
"eotH_MOV":0,
"e20_W":3982.5,
"e40_W":457,
"e45_W":0,
"eotH_W":0,
"e_TEU":220,
"e_W":4439.5
}
// 此处省略1000条数据
]
},
"success":true,
"error":null
}