동적 rowspan으로 테이블 구성

가끔 가다가 세로로 병합해야 할때가 있다.

하지만 프로그램으로 처리하려면

IF문으로 처리하든지

DB에서 불러올때 중복된 항목 갯수를 가져와햐 하는 번거로움이 있다.

페이지 로딩시 다음과 같이 자바스크립트로 간단하게 처리 할수 있다.

 

※ 구분이 정렬되지 않은 상태라면 난감하게 될수 있음...

 

원문.

구분	항목
고기	치킨
고기	삼겹살
맥주	하이트
맥주	캇

 

결과.

구분	항목
고기	치킨
	삼겹살
맥주	하이트
	카스

 

 구분 td 에 class="gubun" 을 설정해줘야함.

 

?

1 2 3 4 5 6 7 8 9

$(window).load(function () {           $(".gubun").each(function () {               var rows = $(".gubun:contains('" + $(this).text() + "')");               if (rows.length > 1) {                   rows.eq(0).attr("rowspan", rows.length);                   rows.not(":eq(0)").remove();               }           });       });

* 출처 : http://www.nickspace.cn/xe/jquery/4989#