PureJS 그룹헤더 사용시 그룹화된 컬럼 적용
페이지 정보
작성자 dounur 작성일 2023-06-09 11:41 조회 554회 댓글 1건본문
관련링크
다시 질문 드립니다
id | name | category | value |
0 | aaa | fcst | 1 |
|
| rtf | 2 |
|
| gl | 3 |
0 | bbb | fcst | 10 |
|
| rtf | 20 |
|
| gl | 30 |
1 | aaa | fcst | 5 |
|
| rtf | 6 |
|
| gl | 7 |
1 | bbb | fcst | 50 |
|
| rtf | 60 |
|
| gl | 70 |
위와 같은 데이터가 있을때 name을 그룹패널에 넣을시
id | category | value |
-> name: aaa (6 item) | fcst | 6 |
| rtf | 8 |
| gl | 10 |
0 | fcst | 1 |
| rtf | 2 |
| gl | 3 |
1 | fcst | 5 |
| rtf | 6 |
| gl | 7 |
-> name: bbb (6 item) | fcst | 60 |
| rtf | 80 |
| gl | 100 |
0 | fcst | 10 |
| rtf | 20 |
| gl | 30 |
1 | fcst | 50 |
| rtf | 60 |
| gl | 70 |
여기에 id 컬럼을 올리면 아래와 같이 그룹핑 된다고 보시면 됩니다
name | category | value |
-> id: 0 (6 item) | fcst | 11 |
| rtf | 22 |
| gl | 33 |
aaa | fcst | 1 |
| rtf | 2 |
| gl | 3 |
bbb | fcst | 10 |
| rtf | 20 |
| gl | 30 |
-> id: 1 (6 item) | fcst | 55 |
| rtf | 66 |
| gl | 77 |
aaa | fcst | 5 |
| rtf | 6 |
| gl | 7 |
bbb | fcst | 50 |
| rtf | 60 |
| gl | 70 |
이런식으로 그룹핑이 되는것이고요 앞에 id, name 필드 외에 다른 필드 들이 올수도 있고요 category의 항목도 가변적으로 변할수 있습니다
이런 상황에서 그룹해더 사용 방법 알려주시면 감사하겠습니다