【求解】复杂表头的实现,请问如何开启2个合计行呢?

提问 已结 6 109
Effort
Effort 2019-10-8
悬赏:50飞吻

想要达成这样的效果感觉用layui的写太难了吧…是不是得用原生的table写呀,求各位大佬指导指导~~[泪] [泪]
回帖
  • try mylayui like this:
    table.render({
    elem: '#demo_ranksConversion',
    reversal: true,
    toolbar: '<div><div style="text-align: center;"><h3>公司指标</h3></div></div>',
    defaultToolbar: [],
    cols: [
    [
    {title: '公司', field: 'dataTime', rowspan: 2},
    {title: '浙江', colspan: 3},
    {title: '山东'},
    {
    title: '国内统计', rowspan: 2, field: 't1', templet: function (d) {
    return d.hz + d.nb + d.wz + d.jn;
    }
    },
    {title: '国外', colspan: 2},
    {
    title: '国外统计', rowspan: 2, field: 't1', templet: function (d) {
    return d.c1 + d.c2;
    }
    },
    {title: '说明', rowspan: 2}
    ],
    [
    {title: '杭州', field: 'hz'},
    {title: '宁波', field: 'nb'},
    {title: '温州', field: 'wz'},
    {title: '济南', field: 'jn'},
    {title: '国家1', field: 'c1'},
    {title: '国家2', field: 'c2'}
    ]
    ],
    data: [
    {dataTime: '1月', hz: 1, nb: 4, wz: 7, jn: 10, c1: 1, c2: 4},
    {dataTime: '2月', hz: 2, nb: 5, wz: 8, jn: 11, c1: 2, c2: 5},
    {dataTime: '3月', hz: 3, nb: 6, wz: 9, jn: 12, c1: 3, c2: 6}
    ]
    });
    0 回复
  • IDyun
    2019-10-8
    0 回复
  • Effort
    2019-10-8
    @IDyun 那就是用原生写咯?可是所有的数据都从数据库中得,那不是很麻烦一个个要用jquery去赋值
    0 回复
  • 老大i
    2019-10-8
    后端生成循环生成拼接字符串
    0 回复
  • @Effort 这样的话用模板引擎渲染更方便吧,没必要一个个赋值啊
    0 回复
  • Effort
    7天前
    @岁月小偷 谢谢岁月大大,没想到行列转换
    0 回复