# FormGrid 表单表格
TIP
此组件只在v.1.0.16版本或者以上有效
# FormGrid 概述
表格表单简单联动组件，具有增加，删除，改动等功能
# FormGrid 代码示例
# 基础用法
使用 getAllDate，获取表格内所有数据
# FormGrid API
# FormGrid props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 和表单model数据对象保持一致，使用v-model双向绑定 | Object | - |
| columns | 表格列的配置描述，具体项见后文 | Array | [] |
| data | 表格数据，如果设置初始值，需与表单内值保持一致 | Array | [] |
| height | 表格高度，如果表格内容大于此值，会固定表头 | Number | - |
| autoClear | 添加后表单内数据是否清空 | Boolean | false |
| stripe | 是否显示间隔斑马纹 | Boolean | false |
| border | 是否表格显示边框 | Boolean | false |
| showHeader | 是否显示表格表头 | Boolean | true |
| canDrag | 表格列宽是否可拖动 | Boolean | false |
| loading | 表格是否正在加载 | Boolean | false |
| noDataText | 表格内为空时显示的提示数据 | String | 暂无数据 |
# FormGrid methods
| 方法名 | 说明 | 参数 |
|---|---|---|
| getAllData | 获取表格内数据 | this.$refs.xxx.getAllData() |
# FormGrid column
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 列类型，可选值为 index、html、text | String | - |
| title | 列头显示文字 | String | # |
| key | 对应列内容的字段名 | String | - |
| width | 列宽 | Number | - |
| align | 对齐方式，可选值为 left 左对齐、right 右对齐和 center 居中对齐 | String | left |
# FormGird slot
| 名称 | 说明 |
|---|---|
| 无 | 标准分发（用于编写表格内容） |
| footer | 尾部 内容 |