久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長(zhǎng)資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

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

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

      需求:

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

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

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

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

      第二步:編寫這個(gè)方法:

      function merge(res) {                      var data = res.data;         var mergeIndex = 0;//定位需要添加合并屬性的行數(shù)         var mark = 1; //這里涉及到簡(jiǎn)單的運(yùn)算,mark是計(jì)算每次需要合并的格子數(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)表格當(dāng)前的數(shù)據(jù)                     var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//獲取當(dāng)前行的當(dāng)前列                     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 () {//當(dāng)前行隱藏                             $(this).css("display", "none");                         });                     }else {                         mergeIndex = i;                         mark = 1;//一旦前后兩行的值不一樣了,那么需要合并的格子數(shù)mark就需要重新計(jì)算                     }                 }             mergeIndex = 0;             mark = 1;         }     }

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