모바일 & 앱
HTML 까다로운 동적인 row 간단하게 jQuery로 합치기
Hippalus
2016. 10. 27. 18:08
반응형
웹개발을 하다보면 동적으로 테이블을 구성해야 하는 상황이 종종 발생한다.
colspan은 그나마 쉽지만 rowspan은 쥐약이다.
하지만 jQuery로 간단히 해결 할 수 있어 공유한다.
위 테이블을 아래처럼 합치는 jQuery
구분쎌의 class에 targetCell이라 설정한 후 호출만 해주면 끝남
$(window).load(function () {
$(".targetCell").each(function () {
var rows = $(".targetCell:contains('" + $(this).text() + "')");
if (rows.length > 1) {
rows.eq(0).attr("rowspan", rows.length);
rows.not(":eq(0)").remove();
}
});
});
반응형