欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

datatable数据分组

程序员文章站 2022-06-17 15:20:50
datatable把数据进行分组重绘方法,请注意数据需先按照分组字段进行排序,否则会出现数据穿插不合并的情况'drawCallback': function (oSetting) { var api = this.api(); var rows = api.rows({ page: 'current' }).nodes(); var last = null; var tableData = api.rows().data(); api...

datatable 把数据进行分组

重绘方法,请注意数据需先按照分组字段进行排序,否则会出现数据穿插不合并的情况

'drawCallback': function (oSetting) {
    var api = this.api();
    var rows = api.rows({
        page: 'current'
    }).nodes();
    var last = null;
    var tableData = api.rows().data();
    api.column(0, {
        page: 'current'
    }).data().each(function(group, i) {
        if (last !== group) {
            var groupStr = "厂商:"+tableData[i]['COMPANY']+" —— "+"XXXX:"+tableData[i]['CONTROLTYPE'];
            $(rows).eq(i).before('<tr><td colspan="14"><input type="checkbox" class="group" id="'+group+'" name="'+group+'"/>' + groupStr + '</td></tr>');
            last = group;
        }
    });
},

本文地址:https://blog.csdn.net/zyp19930222/article/details/111031304