동적 rowspan으로 테이블 구성
작성일 16-07-19 14:33
페이지 정보
작성자서방님 조회 201회 댓글 0건본문
가끔 가다가 세로로 병합해야 할때가 있다.
하지만 프로그램으로 처리하려면
IF문으로 처리하든지
DB에서 불러올때 중복된 항목 갯수를 가져와햐 하는 번거로움이 있다.
페이지 로딩시 다음과 같이 자바스크립트로 간단하게 처리 할수 있다.
※ 구분이 정렬되지 않은 상태라면 난감하게 될수 있음...
원문.
구분 | 항목 |
|---|---|
고기 | 치킨 |
고기 | 삼겹살 |
맥주 | 하이트 |
맥주 | 캇 |
결과.
구분 | 항목 |
|---|---|
고기 | 치킨 |
삼겹살 | |
맥주 | 하이트 |
카스 |
구분 td 에 class="gubun" 을 설정해줘야함.
$(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(); } }); });
댓글목록
등록된 댓글이 없습니다.