#header-mark#
GridSpec 网格规格
GridSpec布局是一种类似数组的布局，允许使用简单的API将多个Panel对象排列在网格中，可以将对象分配到单个网格单元或网格跨度。
底层实现为panel.layout.GridSpec，参数基本一致，参考文档：https://panel.holoviz.org/reference/layouts/GridSpec.html
基本用法
GridSpec可以创建固定大小的网格布局，并通过GridSpecItem放置组件：
响应式网格
除了固定大小的网格外，GridSpec还支持响应式尺寸，可以在浏览器窗口调整大小时动态调整：
复杂布局示例
使用GridSpec可以创建复杂的仪表板布局：
GridSpec API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| ncols | 限制可分配的列数 | Number | 3 |
| nrows | 限制可分配的行数 | Number | 3 |
| mode | 重叠分配时的行为模式（warn、error、override） | String | warn |
Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 当网格内容改变时触发 | Callable |
Slots
| 插槽名 | 说明 |
|---|---|
| default | GridSpec的内容，应该是PnGridSpecItem组件 |
GridSpecItem 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/GridSpec