줄없는 연습장

예전에 셀병합을 자동으로 해주는 소스를 올린 적이 있다.([jQuery] 유동적인 테이블 셀병합 - rowspan (tistory.com)) 데이터가 무엇인지에 따라 병합을 해주다보니, 실데이터가 달라도 세세하게 병합할 부분을 조절하고 싶은데 그러지 못했다. 그래서 만든 소스가 아래의 소스. 한땀 한땀 코딩했다. 기준 데이터는 실데이터가 아닌, 그룹sort("groupSort")와 세부sort("detailSort"). 데이터의 key 이름이 달라도 사용할 수 있도록 구현했다. 필요하신 분들은 갖다 쓰시길. document.addEventListener("DOMContentLoaded", function(event) { let dataList = {"dataList":[{"groupSort":1,"det..

위와 같이 소속에 같은 데이터가 있을 경우 하나의 셀로 병합해주는 코드다. $(document).ready(function(e){ genRowspan("td 클래스명"); }); function genRowspan(className){ $("." + className).each(function() { var rows = $("." + className + ":contains('" + $(this).text() + "')"); if (rows.length > 1) { rows.eq(0).attr("rowspan", rows.length); rows.not(":eq(0)").remove(); } }); }