동적으로 테이블 row(column) 합치기

테이블을 생성하다보면 같은 내용이 나와 합쳐야 할 경우가 종종 생긴다.
데이터가 정해져 있다면, html 단에서 합쳐버리면 되지만, 동적으로 데이터가 변경되는 경우에는 이 방법으로는 곤란하다.

찾아보니 아래와 같이 처리가 가능했다.

$(".className").each(function () {

var rows = $(".className:contains('" + $(this).text() + "')");

if (rows.length > 1) {

rows.eq(0).attr("rowspan", rows.length);

rows.not(":eq(0)").remove();

}

});

데이터에 따라 합쳐질 td 에 className 으로 class 를 정해놓으면, 위 function 이 실행되면서, 같은 내용의 td 가 합쳐진다.

table을 생성한 후, 위 function 을 실행하면 된다.