亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    layui如何實現(xiàn)表格單元格合并

    layui如何實現(xiàn)表格單元格合并

    需求:

    下面用excel表格大概模擬下需求,左邊是原來的,要改成右邊這樣的:

    layui如何實現(xiàn)表格單元格合并

    第一步:再生成表格后調(diào)用此方法,以合并重復的單元格

     done : function(res, curr, count) {         merge(res);  }

    第二步:編寫這個方法:

    function merge(res) {                      var data = res.data;         var mergeIndex = 0;//定位需要添加合并屬性的行數(shù)         var mark = 1; //這里涉及到簡單的運算,mark是計算每次需要合并的格子數(shù)         var columsName = ['id','name'];//需要合并的列名稱         var columsIndex = [0,1];//需要合并的列索引值              for (var k = 0; k < columsName.length; k++) { //這里循環(huán)所有要合并的列             var trArr = $(".layui-table-body>.layui-table").find("tr");//所有行                 for (var i = 1; i < res.data.length; i++) { //這里循環(huán)表格當前的數(shù)據(jù)                     var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//獲取當前行的當前列                     var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//獲取相同列的第一列                                          if (data[i][columsName[k]] === data[i-1][columsName[k]]) { //后一行的值與前一行的值做比較,相同就需要合并                         mark += 1;                         tdPreArr.each(function () {//相同列的第一列增加rowspan屬性                             $(this).attr("rowspan", mark);                         });                         tdCurArr.each(function () {//當前行隱藏                             $(this).css("display", "none");                         });                     }else {                         mergeIndex = i;                         mark = 1;//一旦前后兩行的值不一樣了,那么需要合并的格子數(shù)mark就需要重新計算                     }                 }             mergeIndex = 0;             mark = 1;         }     }

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號