vue+element-ui 表格列合通用方法

vue+element-ui 表格列合并通用方法




    
    表格合并
    
    
    
    
    
    



//模拟数据
let data = [{
    "id": 12,
    "province": "北京市",
    "laboratoryName": "北京办事处",
    "contactPhone": "123",
    "address": "北京市海淀区远大路一号金源时代商务中心b区写字楼702",
    "sort": 0,
    "status": 1,
    "createTime": "2023-02-13 11:30:03",
    "updateTime": "2023-02-13 11:30:57"
}, {
    "id": 13,
    "province": "北京市",
    "laboratoryName": "北京办事处",
    "contactPhone": "1234",
    "address": "北京市丰台区南三环西路16号搜宝商务中心3号楼901室",
    "sort": 0,
    "status": 1,
    "createTime": "2023-02-13 11:30:42",
    "updateTime": "2023-02-13 11:31:04"
}, {
    "id": 10,
    "province": "天津市",
    "laboratoryName": "24124124",
    "contactPhone": "15426547846",
    "address": "12412",
    "sort": 1,
    "status": 1,
    "createTime": "2023-02-13 11:26:31",
    "updateTime": "2023-02-13 11:26:31"
}, {
    "id": 14,
    "province": "天津市",
    "laboratoryName": "天津办事处",
    "contactPhone": null,
    "address": "天津市南开区鞍山西道259号信诚大厦1-1611",
    "sort": 1,
    "status": 2,
    "createTime": "2023-02-13 11:33:49",
    "updateTime": "2023-02-13 11:33:59"
}, {
    "id": 11,
    "province": "河北省",
    "laboratoryName": "河北省郑州办事处",
    "contactPhone": null,
    "address": "河南省郑州市高新区长椿路11号高新技术产业开发区国家大学科技园西区2号楼孵化楼B座10楼南户",
    "sort": null,
    "status": 1,
    "createTime": "2023-02-13 11:28:33",
    "updateTime": "2023-02-13 11:28:33"
}, {
    "id": 15,
    "province": "河北省",
    "laboratoryName": "河北省郑州办事处",
    "contactPhone": "13731110220",
    "address": "河北省石家庄长安区体育北大街谈南路63号睿和中心2001",
    "sort": 1,
    "status": 1,
    "createTime": "2023-02-13 11:34:32",
    "updateTime": "2023-02-13 11:34:32"
}, {
    "id": 6,
    "province": "河北省",
    "laboratoryName": "河北省办事处1",
    "contactPhone": "13645744754",
    "address": "河北省廊坊",
    "sort": 4,
    "status": 2,
    "createTime": "2023-02-13 10:15:07",
    "updateTime": "2023-02-13 10:15:07"
}, {
    "id": 9,
    "province": "湖北省",
    "laboratoryName": "联结实验中心",
    "contactPhone": null,
    "address": "湖北省武汉市东湖高新技术开发区高新二路388号生物医药加速器22栋5楼",
    "sort": null,
    "status": 1,
    "createTime": "2023-02-13 11:26:18",
    "updateTime": "2023-02-13 11:26:18"
}, {
    "id": 1,
    "province": "湖北省",
    "laboratoryName": "测试11",
    "contactPhone": "13642157484",
    "address": "test地址",
    "sort": 1,
    "status": 1,
    "createTime": "2023-02-10 14:14:56",
    "updateTime": "2023-02-10 14:14:58"
}, {
    "id": 2,
    "province": "湖北省",
    "laboratoryName": "测试22",
    "contactPhone": "13854572427",
    "address": "test地址123",
    "sort": 2,
    "status": 1,
    "createTime": "2023-02-10 14:15:29",
    "updateTime": "2023-02-10 14:15:31"
}];

页面显示效果:

vue+element-ui 表格列合通用方法_第1张图片

你可能感兴趣的:(蔡燃代码片段,前端,vue,elementui)