테이블 병합 시, rowspan 도와주세요 ㅠㅠ!!

Question

장고로 테이블을 만들고 있습니다.참고소스와 같이 자바스크립트로 첫 번째 필드에 대해서동일한 값을 가질 경우, 병합하도록 설정했습니다.제가 궁금한 사항은, 첫 번째 필드가 자바스크립트에 의해rowspan=3 으로 된 경우 같은 row의 두 번째 필드에도 동일한 rowspan 을 적용하고 싶습니다.요점은 두 번째 필드에 참고소스를 적용하는 것이 아닌참고소스를 이용한 첫 번째의 필드의 rowspan 값을 동일하게 적용하고 싶은 것입니다!!!아무리 변경해봐도 몇 시간동안 삽질하고 있어 문의 드립니다 !! $(document).ready(function(){ var span = 1; var prevTD = ""; var prevTDVal = ""; $("#list-table tbody tr td:first-child").each(function() { var $this = $(this); if ($this.text() == prevTDVal) { span++; if (prevTD != "") { prevTD.attr("rowspan", span); $this.remove(); } } else { prevTD = $this; prevTDVal = $this.text(); span = 1; } }); });

Name	age	hobby	like
{{ name }}	{{ age }}	{{ hobby }}	{{ like }}

무무백수 · Answer

ajax 요청으로 table로 표현할 데이터를 JSON으로 받아와서 동적으로 테이블을 그리면서 처리하셔야 될 것 같습니다. 즉 JSON배열을 반복문으로 돌면서 첫번째 컬럼의 데이터가 같은 수만큼 row-span 적용하여 html텍스트를 만드신 다음 완성된 html텍스트를 테이블을 표현할 본문 태그안쪽에 html()메서드를 이용해서 끼워넣으면 깔끔하게 그려질 것으로 예상됩니다.

테이블 병합 시, rowspan 도와주세요 ㅠㅠ!!

1개의 답변

#rowspan 목록