DataTables达成rowspan思路

直白看例子吗

<table id="example" class="display table table-bordered" cellspacing="0" width="600" style="margin-top: 50px">
    <thead>
    <tr>
        <th>Name</th>
        <th>Position</th>
        <th>Age</th>
    </tr>
    </thead>
</table>

 var dataSet = [
        [ "Tiger Nixon",  "Edinburgh",20,1  ],
        [ "Garrett Winters", "Tokyo",22,2],
        [ "Ashton Cox", "Tokyo",21,0 ]
            ];

    $('#example').DataTable({
        data: dataSet,
        paging: true,
        searching:false, //搜索栏
        lengthChange : false, //是否允许改变每页显示的数据条数
        ordering:false,
        columnDefs: [{
            targets: 1,
            createdCell: function (td, cellData, rowData, row, col) {
                var rowspan = rowData[3];
                if (rowspan > 1) {
                    $(td).attr('rowspan', rowspan)
                }
                if (rowspan == 0) {
                    $(td).remove();
                }
            }
        }]
    });

美学原理 1

证美赞臣(Meadjohnson)下:要促成rowspan/colspan那样的特殊效果要求用到createdCell回调函数,此函数可铺排在columns配置中,亦可配置在columnDefs中,此例选拔columnDefs配置达成。具体原理是,在创制单元格cell的是还是不是决定什么渲染,后台需求定义好rowspan的值,这些须求后台想方法给出那一个值。

 

后台给出rowspan的思绪:

将索要分组的习性构造Map<key,count>
map,遍历list获得map,再遍历list设置rowspan=map.get(key),get过的key设置0再get,
OK,  消除

美学原理, 

现实完毕:

http://www.cnblogs.com/hdwang/p/7169255.html