DynamicColumn
The algorithm is a strategy for dynamically determining the number of columns in a grid container based on content and container size.
When using the auto-fill property, the algorithm will attempt to place grid items within the current row and create new columns as needed.
It flexibly adjusts the number of columns based on the available space in the current row, prioritizing existing space.
Only when there is insufficient space in the current row to accommodate new grid items will it create new columns to achieve a more flexible layout.
| Property | Type | Required |
|---|---|---|
| class | string | Required |
| strategy | integer | Required |
| minRow | integer | Required |
| columnCount | integer | Required |
class​
RequiredType
string
Value
constant: the value of this property must be equal to:
"dynamicColumn"
strategy​
RequiredDescription
no description
Type
integer
Value
enum: the value of this property must be equal to one of the following values:
| Value | Explanation |
|---|---|
1 | auto-fill (The number of columns and rows is calculated automatically by the algorithm and is not controlled by the user.)  |
2 | fix-column (A fixed number of columns is specified by the user. The number of rows is automatically adjusted as needed and is always greater than or equal to the minimum number of rows.)  |
minRow​
RequiredDescription
Takes effect only in fix-column mode and indicates the minimum number of rows.
Type
integer
columnCount​
RequiredDescription
Takes effect only in fix-column mode, indicating a fixed number of columns.
Type
integer