동적 rowspan으로 테이블 구성
페이지 정보
작성자 서방님 댓글 0건 조회 280회 작성일 16-07-19 14:33본문
가끔 가다가 세로로 병합해야 할때가 있다.
하지만 프로그램으로 처리하려면
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(); } }); });
댓글목록
등록된 댓글이 없습니다.
