JustifiedInfiniteGridOptions
Type: TSInterface
| PROPERTY | TYPE | DESCRIPTION |
|---|---|---|
| horizontal | boolean | |
| percentage | Array<"position" | "size"> | boolean | |
| isEqualSize | boolean | |
| isConstantSize | boolean | |
| gap | number | |
| attributePrefix | string | |
| resizeDebounce | number | |
| maxResizeDebounce | number | |
| autoResize | boolean | |
| useFit | boolean | |
| useTransform | boolean | |
| renderOnPropertyChange | boolean | |
| preserveUIOnDestroy | boolean | |
| defaultDirection | "start" | "end" | |
| outlineLength | number | |
| outlineSize | number | |
| useRoundedSize | boolean | |
| useResizeObserver | boolean | |
| observeChildren | boolean | |
| externalItemRenderer | ItemRenderer | null | |
| externalContainerManager | ContainerManager | null | |
| columnRange | number | number[] | 한 줄에 들어가는 아이템의 최소, 최대 개수. (default: [1, 8]) |
| rowRange | number | number[] | 한 그룹에 들어가는 행의 최소, 최대 개수, 0은 미설정이다. (default: 0) |
| sizeRange | number | number[] | 아이템이 조정되는 최소, 최대 사이즈. 계산이 되지 않는 경우 최소, 최대 사이즈를 벗어날 수 있다. (default: [0, Infinity]) |
| displayedRow | number | 컨테이너 크기에 계산될 최대 row 개수. overflow: hidden을 설정하면 화면에 가릴 수 있다. -1은 미설정이다. (default: -1) |
| isCroppedSize | boolean | row사이즈가 sizeRange에 벗어나면 크롭할지 여부. true로 설정하면 비율이 깨질 수 있다. (default: false) |
| horizontal | boolean | |
| percentage | Array<"position" | "size"> | boolean | |
| isEqualSize | boolean | |
| isConstantSize | boolean | |
| gap | number | |
| attributePrefix | string | |
| resizeDebounce | number | |
| maxResizeDebounce | number | |
| autoResize | boolean | |
| useFit | boolean | |
| useTransform | boolean | |
| renderOnPropertyChange | boolean | |
| preserveUIOnDestroy | boolean | |
| defaultDirection | "start" | "end" | |
| outlineLength | number | |
| outlineSize | number | |
| useRoundedSize | boolean | |
| useResizeObserver | boolean | |
| observeChildren | boolean | |
| externalItemRenderer | ItemRenderer | null | |
| externalContainerManager | ContainerManager | null | |
| container | boolean | string | HTMLElement | container를 적용할 대상. false면 자기 자신, true면 container를 생성. string 또는 HTMLElement는 직접 대상을 지정. (default: false) |
| containerTag | string | container를 생성한다면 container의 tag를 정할 수 있다. (default: "div") |
| threshold | number | 다음 아이템 그룹을 추가하기 위한 스크롤 영역의 크기. (default: 100) |
| useRecycle | boolean | 보이는 영역의 DOM만 보여줄지 여부. (default: true) |
| gridConstructor | GridFunction | Infinite 기능을 적용할 Grid 클래스. |
| renderer | Renderer | null | DOM을 렌더하는 클래스. |