Grid Layout
Latest Update：Jul 25, 2023, 14:26:11
Scenarios
Suitable for scenarios where you need to use a grid for page layout.
Extended Scenarios
Layout pages using grid layout, and you can nest grid layouts within a grid layout.
In a grid layout, you can add rows both above and below and add columns to the left and right based on your layout needs.
Property Introduction
Properties received from external input of component
Grid Layout：
| Property Name | Property Description |
|---|---|
| Layout Name | 默认为“网格布局”，可手动修改，以区别页面中多个网格布局 |
| Number of Columns | Displays the number of columns in the current grid layout |
| Number of Rows | Displays the number of rows in the current grid layout |
Row：
| Property Name | Property Description |
|---|---|
| Layout Name | Default is "Grid Layout" but can be manually changed to distinguish multiple rows on a page |
| Number of Columns | Displays the number of columns in the current grid layout |
| Number of Rows | Displays the number of rows in the current grid layout |
| Add a Row Above | Inserts a row above the current row |
| Add a Row Below | Inserts a row below the current row |
Column：
| Property Name | Property Description |
|---|---|
| Layout Name | Default is "Grid Layout" but can be manually changed to distinguish multiple columns on a page |
| Add a Column Above | Inserts a column to the left of the current column |
| Add a Column Below | Inserts a column to the right of the current column |
Events
Column： Click Mouse in Mouse out