首页 > 技术文章 > EasyUi 复杂多表头设置

mybk 2017-08-03 17:30 原文

columns: [
                    [
                        { field: 'Test', title: '测试', rowspan: 3, width: 100, sortable: true },
                        { title: '测试1', colspan: 8 },
                        { title: '测试2', colspan: 3 }
                    ],
                    [
                        { "field": "Test1.1", "title": "测试1.1", "rowspan": 2,sortable: true},
                        { "title": "测试1.2", "colspan": 3},
                        { "title": "测试1.3", "colspan": 1 },
                        { "title": "测试1.4", "colspan": 1},
                        { "field": "Test1.5", "title": "测试1.5", "rowspan": 2, sortable: true},
                        { "field": "Test1.6", "title": "测试1.6", "rowspan": 2, sortable: true },
                        { "field": "Test2.1", "title": "测试2.1", "rowspan": 2, sortable: true},
                        { "field": "Test2.2", "title": "测试2.2", "rowspan": 2, sortable: true },
                        { "field": "Test2.3", "title": "测试2.3", "rowspan": 2, sortable: true }
                    ],
                    [
                        { "field": "Test1.2.1", "title": "测试1.2.1", "rowspan": 1, width: 80, sortable: true},
                        { "field": "Test1.2.2", "title": "测试1.2.2", "rowspan": 1, width: 90, sortable: true },
                        { "field": "Test1.2.3", "title": "测试1.2.3", "rowspan": 1, width: 80, sortable: true},
                        { "field": "Test1.3.1", "title": "测试1.3.1", "rowspan": 1, width: 90, sortable: true},
                        { "field": "Test1.4.1", "title": "测试1.4.1", "rowspan": 1, width: 90, sortable: true }
                    ]
                ]

  

推荐阅读