728x90
반응형
material selection list 의 option 개수를 최대 65000개 정도 그려야하는데, 그려지지 않았다. 그래서 해당 이슈를 찾아봄.
위 답변대로 방법 2개를 검토한 후 1번 방법을 먼저 수행해봄
https://www.npmjs.com/package/ng-mat-select-infinite-scroll
ng-mat-select-infinite-scroll
Adds missing infinite scroll functionality for the angular material select component
www.npmjs.com
위 모듈을 설치해서 대체하는 것이었는데, 응~ 안돼~
그래서 단순 테이블로 변경해서 65000개 tr을 만들어서 표현해봤는데도 생각보다 느림..
material 모듈 문제도 있지만 스크롤도 성능에 영향을 일으키는 듯,.,. 더 찾아봄.
2번 방법을 수행함
전체 리스트에서 보여줄 옵션들만 리스트로 일부 잘라서 표현하는 것이었다. 도입하려고 했더니...,
ㅇㄴ MatSelectionList에는 onOpen도 없고, panel도 없음; ==> 실패!
얘도 해봄 => 안됨
그래서 결국은 알아서 virtual scroll 지원해주는 tui grid 써버림 ㅎ_ㅎ
728x90
반응형
'Programming > JavaScript & TypeScript' 카테고리의 다른 글
| [Vue] scss 파일에서 @ src alias 사용 시 정상 동작하지 않음, Syntax Error: ModuleNotFoundError: Module not found: Error: Can't resolve (0) | 2022.03.03 |
|---|---|
| [React] (0) | 2021.06.22 |
| [NPM] better-sqlite3 설치 실패 npm ERR! better-sqlite3@7.1.2 install: `prebuild-install || npm run build-release` (0) | 2021.01.20 |
| [JavaScript] Class 함수 안에서 사용한 forEach가 global 변수를 못 찾음 (0) | 2021.01.19 |
| 제너레이터 (generator) (0) | 2021.01.13 |