GitHub下载地址

    为了更直观展示表格的一大堆乱七八糟的数据,合并单元格就派上用场。。。

效果图:

BootStrap Table 合并单元格

贴上JSON数据(后台查询数据一定要对合并字段排序):

    [  
        {    
            "city": "广州市",  
            "area": "天河区",
            "gdp":"100"  
        },  
        {    
            "city": "广州市",  
            "area": "海珠区",
            "gdp":"101"  
        },  
        {    
            "city": "广州市",  
            "area": "番禺区",
            "gdp":"102"  
        }, 
        {    
            "city": "广州市",  
            "area": "增城区",
            "gdp":"103"  
        }, 
        {    
            "city": "深圳市",  
            "area": "罗湖区",
            "gdp":"200"  
        }, 
        {    
            "city": "深圳市",  
            "area": "福田区",
            "gdp":"201"  
        },  
        {    
            "city": "深圳市",  
            "area": "南山区",
            "gdp":"202"  
        },  
        {    
            "city": "深圳市",  
            "area": "宝安区",
            "gdp":"203"  
        }, 
        {    
            "city": "深圳市",  
            "area": "龙岗区",
            "gdp":"204"  
        }, 
        {    
            "city": "深圳市",  
            "area": "盐田区",
            "gdp":"205"  
        }, 
        {    
            "city": "广州市",  
            "area": "白云区",
            "gdp":"206"
        },
        {
          "city": "上海市",
          "area": "黄浦区",
          "gdp":"301"
        },
        {
          "city": "上海市",
          "area": "徐汇区",
          "gdp":"302"
        }
    ]  
View Code

相关文章: