안녕하세요 메시어스입니다.

문의하신 내용에 대해 순차적으로 답변 드리겠습니다.

1. 그룹행의 색상이 다른 이유

안타깝게도 말씀하신 현상이 저희 쪽에서 재현되지 않아 답변에 어려움이 있습니다. 저희쪽으로 재현 가능한 샘플을 공유해주시면 확인 및 디버깅 후 답변 드리겠습니다.

더불어 그룹행의 배경색을 변경하는 경우, 아래 코드와 같이 CSS 설정 혹은 formatItem 이벤트를 사용하여 그룹행인지 판별한 후 cssClass 속성을 설정하여 구현할 수 있으니 참고하여 주시기 바랍니다. (formatItem 이벤트의 경우, 샘플에 관련 코드를 주석 처리 해놓았으므로 주석을 해제하여 확인하실 수 있습니다.)

.wj-cell.wj-group {
    background: red !important;
}

2. 그룹행의 텍스트를 변경하는 방법

그리드에서 셀이 표시될 때 발생하는 formatItem 이벤트를 사용하여 그룹행인지 판별합니다. 그 다음 하위 요소의 확장 또는 축소 여부를 파악하는 isCollapsed 속성에 따라 원하는 텍스트를 innerHTML 속성을 통해 설정하여 구현할 수 있습니다.

자세한 코드는 아래의 샘플을 참고하여 주시기 바랍니다.

 

다른 궁금한 점이 생기시면 문의주시기 바랍니다.

감사합니다.

메시어스 드림