el-table-column的构建

List<实体类> 

一般集合里的每个实体类的各种属性(每个属性都是String类型的,很单一)渲染到每一个el-table-column上,这是最基本的用法。
现在是实体类中有一个map类型的属性,这个map如何映射到前端上?

以如下表格数据为例:

idnamescore
1张三90
2李四80
3王五70

一个Map类型相当于一个对象,里面(key,value)相当于其(属性,值),三个类似的Map数据就是三条数据。

List<Map<String,Object>> result = new ArrayList();
Map<String,Object> stu1 = new HashMap();
stu1.put("id",1);
stu1.put("name","张三");
stu1.put("score",90);
Map<String,Object> stu2 = new HashMap();
stu2.put("id",2);
stu2.put("name","李四");
stu2.put("score",80);
Map<String,Object> stu3 = new HashMap();
stu3.put("id",3);
stu3.put("name","王五");
stu3.put("score",70);
result.add(stu1);
result.add(stu2);
result.add(stu3);

将result数据返回前端可得JSON格式如下:

{
    "result": [{
        "id": 1,
        "name": "张三",
        "score": 90
    }, {
        "id": 2,
        "name": "李四",
        "score": 80
    }, {
        "id": 3,
        "name": "王五",
        "score": 7
    }]
}