동적 rowspan - JavaScript에서 테이블이 깨지는 문제

Question

안녕하세요.우선 저는 초급 개발자입니다. 해당 부준 감안해주시고 질문에대해 답변 부탁드릴게요~ㅠㅠ현재 jstl forEach로 반복문을 돌려 table에 데이터를 뿌려주고 있습니다. <참조 code> 위 이미지중 .gubun 클래스를 가지고 있는 객체에 row의 length만큼 동적 rowspan을 주려고 합니다.아래는 적용된 javascript입니다. 위 자바스크립트 조건문을 보면 3의배수 인지 아닌지를 구분해 3의 배수일 때 length를 아닐때 3개만큼rowspan을 하는데 아닐때도 length만큼 로우 스판을 주고, 밀리는 td를 remove() 해주어야 합니다.ㅠㅠ 근데 이게 row의 개수가 데이터 베이스에서 select 쿼리를 조회했을 땐 3개의 row로 균일하게 출력되는데javascript에서 row의 length를 구하면 3,12, 10,7,6막 이런식으로 균일하지않게 들고와서 rowspan을 하면 자꾸 테이블이 깨지네요 ㅠㅠ혹시 더 좋은 방법이 없을까요??ㅠㅠ

0108 · Answer

다른 방법으로는 3의 배수? 일때면,쿼리 자체에서 rowspan 값을 구해와서 foreach 안에서 뿌려줄 수 있다고 생각합니다.

동적 rowspan - JavaScript에서 테이블이 깨지는 문제

1개의 답변

Q&A 목록