Skip to main content
Version: 4.5.0

JustifiedInfiniteGridOptions

Type: TSInterface

PROPERTYTYPEDESCRIPTION
horizontalboolean
percentageArray<"position" | "size"> | boolean
isEqualSizeboolean
isConstantSizeboolean
gapnumber
attributePrefixstring
resizeDebouncenumber
maxResizeDebouncenumber
autoResizeboolean
useFitboolean
useTransformboolean
renderOnPropertyChangeboolean
preserveUIOnDestroyboolean
defaultDirection"start" | "end"
outlineLengthnumber
outlineSizenumber
useRoundedSizeboolean
useResizeObserverboolean
observeChildrenboolean
externalItemRendererItemRenderer | null
externalContainerManagerContainerManager | null
columnRangenumber | number[]

The minimum and maximum number of items per line. (default: [1, 8])

rowRangenumber | number[]

The minimum and maximum number of rows in a group, 0 is not set. (default: 0)

sizeRangenumber | number[]

The minimum and maximum size by which the item is adjusted. If it is not calculated, it may deviate from the minimum and maximum sizes. (default: [0, Infinity])

displayedRownumber

Maximum number of rows to be counted for container size. You can hide it on the screen by setting overflow: hidden. -1 is not set. (default: -1)

isCroppedSizeboolean

Whether to crop when the row size is out of sizeRange. If set to true, this ratio can be broken. (default: false)

horizontalboolean
percentageArray<"position" | "size"> | boolean
isEqualSizeboolean
isConstantSizeboolean
gapnumber
attributePrefixstring
resizeDebouncenumber
maxResizeDebouncenumber
autoResizeboolean
useFitboolean
useTransformboolean
renderOnPropertyChangeboolean
preserveUIOnDestroyboolean
defaultDirection"start" | "end"
outlineLengthnumber
outlineSizenumber
useRoundedSizeboolean
useResizeObserverboolean
observeChildrenboolean
externalItemRendererItemRenderer | null
externalContainerManagerContainerManager | null
containerboolean | string | HTMLElement

The target to which the container is applied. If false, create itself, if true, create container. A string or HTMLElement specifies the target directly. (default: false)

containerTagstring

If you create a container, you can set the container's tag. (default: "div")

thresholdnumber

The size of the scrollable area for adding the next group of items. (default: 100)

useRecycleboolean

Whether to show only the DOM of the visible area. (default: true)

gridConstructorGridFunction

Grid class to apply Infinite function.

rendererRenderer | null

class that renders the DOM.