동적 Rowspan

최승아·2021년 11월 30일
0

코드 예시

$(".first").each(function() {
  var rows = $(".first:contains('" + $(this).text() + "')");
  if (rows.length > 1) {
    rows.eq(0).attr("rowspan", rows.length);
    rows.not(":eq(0)").remove();
  }
});

설명

  1. first 클래스를 가진 tr만 골라내서 tr의 text 값을 가져옴
  2. length가 1보다 큰(중복데이터처리) tr에만 rowspan을 줘야하기 때문에 조건문을 통해 한번 필터링 해줌
  3. attr() : 1번에서 가져온 tr 리스트에서 제일 첫번째 tr에 rowspan을 추가해줌
  4. remove() : 마지막으로 rowspan을 추가한 첫번째 tr외의 tr은 다 지워줌

참조 : https://eastglow.github.io/front-end/2018/02/25/JQuery-%EB%8F%99%EC%A0%81%EC%9C%BC%EB%A1%9C-Rowspan-%ED%95%98%EA%B8%B0.html | [JQuery]동적으로 Rowspan 하기 | by EastGlow

profile
⭐ 개발 정리 공간 ⭐

0개의 댓글