v-model
进行值的绑定
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
columns | 表格列的配置描述 | Arry | —— | [] |
maxHeight | 表格最大高度 | string / number | —— | —— |
disabled | 是否可编辑 | Boolean | —— | true |
showIcon | 是否显示表头类型图标 | Boolean | —— | false |
cellStyle | 单元格的 style 的回调方法 | Function({row, column, rowIndex, columnIndex}) | —— | —— |
cellClassName | 单元格的 className 的回调方法 | Function({row, column, rowIndex, columnIndex}) | —— | —— |
事件名称 | 说明 | 回调参数 |
---|---|---|
selection-change | 当选择项发生变化时会触发该事件 | selection |
方法名 | 说明 | 参数 |
---|---|---|
getChangeData | 获取变化的数据 | changeData |
getErrorRows | 获取校验错误的数据和索引 | errorRows |
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
key | 对应列内容的字段名 | String | —— | —— |
title | 列头显示文字 | String | —— | —— |
type | 列类型 | String | selection/number/date/select/month/disabled | —— |
format | number类型是否格式化 | Boolean | —— | true |
options | select下拉选项 | Array | { value: '值', label: '显示文字' } | —— |
fixed | 是否固定在左侧 | Boolean | —— | false |
快捷键 | 说明 |
---|---|
方向键 | 编辑框上下左右移动 |
Ctrl + C | 粘贴 |
Ctrl + V | 复制 |
Ctrl + A | 单元格全选 |
Ctrl + Z | 撤销 |
Ctrl + Y | 重做 |
Enter | 单元格编辑/完成单元格编辑 |
- 表格宽度调整
- 数据过滤与筛选
- 框选单元格拖动超过表格时自动滚动表格区域
- 数据拉下复制