#header-mark#
GridStack 可拖拽网格
GridStack布局允许将多个Panel对象排列在网格中，并支持用户拖拽和调整单元格大小。
底层实现为panel.layout.GridStack，参数基本一致，参考文档：https://panel.holoviz.org/reference/layouts/GridStack.html
基本用法
GridStack可以创建可拖拽和调整大小的网格布局：
响应式网格
通过设置合适的响应式布局参数，GridStack可以适应不同的屏幕尺寸：
禁用拖拽或调整大小
可以通过设置allow_drag和allow_resize参数来控制是否允许拖拽和调整大小：
GridStack API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| allow_resize | 是否允许调整网格单元格大小 | Boolean | True |
| allow_drag | 是否允许拖动网格单元格 | Boolean | True |
| ncols | 固定列数 | Number | 3 |
| nrows | 固定行数 | Number | 5 |
| mode | 重叠分配时的行为模式（warn、error、override） | String | warn |
Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 当网格内容改变时触发 | Callable |
Slots
| 插槽名 | 说明 |
|---|---|
| default | GridStack的内容，通过PnGridStackItem组件包裹 |
GridStackItem API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| row_start | 开始行的索引 | Number | 0 |
| row_end | 结束行的索引，开区间 | Number | row_start+1 |
| col_start | 开始列的索引 | Number | 0 |
| col_end | 结束列的索引，开区间 | Number | col_start+1 |
Slots
| 插槽名 | 说明 |
|---|---|
| default | 默认内容 |
Controls
src/examples/panel_vuepy/layouts/GridStack