Skip to main content
Version: 4.6.0

PackingInfiniteGridOptions

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
aspectRationumber

The aspect ratio (inlineSize / contentSize) of the container with items. (default: 1)

sizeWeightnumber

The size weight when placing items. (default: 1)

ratioWeightnumber

The weight to keep ratio when placing items. (default: 1)

weightPriority"size" | "ratio" | "custom"

The priority that determines the weight of the item. (default: "custom"), "size" = (sizeWieght: 100, ratioWeight: 1), "ratio" = (sizeWeight: 1, ratioWeight; 100), "custom" = (set sizeWeight, ratioWeight)
item's weight = item's ratio(inlineSize / contentSize) change ratioWeight + size(inlineSize contentSize) change * sizeWeight.

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.