Skip to main content
Version: 4.5.0

MasonryInfiniteGridOptions

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
columnnumber

The number of columns. If the number of columns is 0, it is automatically calculated according to the size of the container. Can be used instead of outlineLength. (default: 0)

columnSizenumber

The size of the columns. If it is 0, it is calculated as the size of the first item in items. Can be used instead of outlineSize. (default: 0)

columnSizeRationumber

The size ratio(inlineSize / contentSize) of the columns. 0 is not set. (default: 0)

alignGridAlign

Align of the position of the items. If you want to use stretch, be sure to set column or columnSize option. ("start", "center", "end", "justify", "stretch") (default: "justify")

columnCalculationThresholdnumber

Difference Threshold for Counting Columns. Since offsetSize is calculated by rounding, the number of columns may not be accurate. (default: 1)

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.