[jquery] 유동적인 테이블 셀 병합 - rowspan

 

위와 같이 주문번호가 같을 시에 고객명, 주문번호, 주문총액의 row를 합쳐주는 스크립트입니다.

 

 

---

var table = [];
var table_count = 1;
var k = 0;
$("#eTable tbody").find("tr").each(function(i,v) {
	table.push($(v).find("td:nth-child(2)").text());
})
for(var i=0; i<table.length; i++) {
  for(var j=i+1; j<table.length; j++) {
    if(table[i] == table[j]) {
      table_count +=1;
      k+=1;
    }
  }
  $("#eTable tbody").find("tr")[i].children[0].setAttribute("rowspan", table_count);
  $("#eTable tbody").find("tr")[i].children[1].setAttribute("rowspan", table_count);
  $("#eTable tbody").find("tr")[i].children[2].setAttribute("rowspan", table_count);
  
  if(table_count > 1) {
    for(var q = 1; q < table_count; q++) {
      $("#eTable tbody").find("tr")[i+q].children[0].style.display = "none";
      $("#eTable tbody").find("tr")[i+q].children[1].style.display = "none";
      $("#eTable tbody").find("tr")[i+q].children[2].style.display = "none";
    }
  }
  table_count = 1;
  i=k;
  k++;
}

---

 

실행화면

 

 

 

 

감사합니다.