表格配置项

# 基础配置

# mainGrid.name

string

表格名称。

提示

可在回调事件中通过 grid.name 获取，用于区分当前是哪个表格的回调事件
单表可不指定，多表必须指定

# mainGrid.formName

string

定义增加/编辑弹窗打开后的表格名称。

默认值: mainGrid.name + 'Form'

# mainGrid.gridID

string

表格的唯一标识。若没有，则为 mainGrid.name

# mainGrid.columns 必填项

array<...columns>

表格列的配置项。

array 属性说明:

...columns: 支持 AppInput、BasicForm columns 中的所有属性
header: string: 列名称，与 title 二选一
title: string: 列名称，与 header 二选一，优先于 header
xtype: string: 除了 AppInput 的支持的类型外，表格另外增加了一些扩展类型。
headerAlign: string: 列表头的对齐方式，默认 'center'
align: string: 列的对齐方式，默认 'left'
- 当 xtype 为 'numbefiled' 时，默认 'right'
- 当 xtype 为 'checkbox' 时，默认 'center'
dbname: string: 多表查询时，在 sql 语句中的字段，例如: 't.id'
renderer: string | ({ grid, row, columns, value }) => string: 渲染事件
- 'deptRender': 渲染为部门
- 'userRender': 渲染为用户
- 'employeeRender': 渲染为员工
- 'roleRender': 渲染为角色
- 'rolegroupRender': 渲染为角色组
- 'secclassRender': 渲染为密级
- 'linkRender': 渲染为链接，搭配 method 使用
method: ({ grid, row, columns, value }) => void: 链接点击事件
initSync: boolean: 初始化时是否需要同步数据，默认 true，优先于 #mainGrid.initSync
treeNode: boolean: 是否为树节点，默认 false，只对树表格有效
treeCheck: boolean: 为树表格配置选择列。只对树表格有效
hidden: boolean | (edtType, grid) => boolean: 是否隐藏列
sortable: boolean: 是否启用列排序，默认 true，优先于mainGrid.sortable
filterable: boolean: 是否启用列过滤，默认 true，优先于mainGrid.filterable 废弃
showOverflow: string | boolean: 当内容过长时显示为省略号，默认 true，继承 mainGrid.showOverflow
showHeaderOverflow: boolean: 当表头内容过长时显示为省略号，默认 true，继承 mainGrid.showHeaderOverflow
showFooterOverflow: boolean: 当表尾内容过长时显示为省略号，默认 true，继承 mainGrid.showFooterOverflow

# mainGrid.formColumns

array<...columns>

表单列的配置项。

array 属性说明:

...columns: 支持 AppInput、BasicForm columns 中的所有属性
initSync: boolean: 初始化时是否需要同步数据，默认 true，优先于 #mainGrid.initSync

# mainGrid.rowNumber

boolean

是否显示序号列。

默认值: false

# mainGrid.scroll

boolean

是否开启虚拟滚动。

默认值: false

# mainGrid.regionSelect

boolean

是否启用区域选择。当 mainGrid.isEditGrid 为 true 时有效

默认值: false

# mainGrid.hiddenToolbar

boolean | (editType) => boolean

是否隐藏查询条件和按钮组。

默认值: false

提示

当 findForm(查询条件) 和按钮组(tbar) 的长度均为 0 时，会自动隐藏，无需修改。但是当它们长度不为 0 并且有 hidden 属性时，就无法隐藏了，这时可能会需要用到此属性。

# mainGrid.enableFocus

boolean

是否启用关注列。

默认值: false

# mainGrid.allowRowDrag

boolean

是否允许行拖拽。

默认值: false

# mainGrid.allowColumnDrag

boolean

是否允许列拖拽。

默认值: true

# mainGrid.loadGridConfig

boolean

是否允许请求表格配置项。

默认值: true

注意

关闭后，列拖拽会失效。

# mainGrid.sortable

boolean

是否启用排序功能。

默认值: true

# mainGrid.filterable 废弃

boolean

是否启用过滤功能。

默认值: true

# mainGrid.remoteSort

boolean

是否远程排序。

默认值: true

# mainGrid.initTableData

array<{...row}>

初始化表格数据。

array 属性说明：

...row: object: 表格行记录

# mainGrid.initSync

boolean

初始化时是否需要同步数据。

默认值: true

# mainGrid.height

number | string

表格的高度；支持铺满父容器或者固定高度。

# mainGrid.rowHeight

number

每一行的高度。

# mainGrid.minHeight

number | string

表格最小高度。

默认值: 70

# mainGrid.maxHeight

number | string

表格最大高度。

# mainGrid.autoResize

boolean

自动监听父元素的变化去重新计算表格。

默认值: true

# mainGrid.size

string

表格的尺寸。优先于 size。

# mainGrid.headerAlign

string

表头列的对齐方式。

默认值: 'center'

可选值: 'left'、'center'、'right'

# mainGrid.footerAlign

string

表尾列的对齐方式。

默认值: 'left'

可选值: 'left'、'center'、'right'

# mainGrid.showOverflow

boolean | string

设置所有内容过长时显示为省略号。

默认值: 'ellipsis'

可选值: 'ellipsis'、'title'、'tooltip'

# mainGrid.showHeaderOverflow

string

设置表头所有内容过长时显示为省略号。

可选值: 'ellipsis'、'title'、'tooltip'

# mainGrid.showFooterOverflow

string

设置表尾所有内容过长时显示为省略号。

可选值: 'ellipsis'、'title'、'tooltip'

# 编辑配置

# mainGrid.isEditGrid

boolean

是否是可编辑表格。

默认值: false

# mainGrid.notAllowEdit

boolean

是否不允许渲染编辑模式。

默认值: false

# mainGrid.keepSource

boolean

保持原始值的状态，被某些功能所依赖，比如编辑状态、还原数据等（开启后影响性能，具体取决于数据量）。

默认值: mainGrid.isEditGrid ?? false

# mainGrid.mode

string

编辑模式。

默认值: 'cell'

可选值: 'cell'、'row'

# mainGrid.isEditRow

({ row, rowIndex, column, columnIndex }) => boolean | string

自定义编辑之前逻辑，该方法的返回值用来决定该单元格是否允许编辑。

注意

当 isEditGrid 为 true 时有效。

# 树表格配置

# mainGrid.treeGrid

boolean

是否为树表格。

默认值: false

提示

开启树表格后，需要在列配置的某一列中配置 treeNode: true，指定当前列为树节点。

# mainGrid.lazy

boolean

是否使用懒加载（启用后只有指定 hasChild 字段的节点才允许被点击）。

默认值: false

# mainGrid.lazyUrl

string

懒加载请求地址。若未配置，会取 mainGrid.findUrl。

# mainGrid.idProperty

string

树节点的字段名。

默认值: 'id'

# mainGrid.parentProperty

string

树父节点的字段名。

默认值: 'pid'

# mainGrid.expendKeysList

string

默认展开指定树节点（只会在初始化时被触发一次）。

# mainGrid.lazyLoadTreeData

({ row }) => promise

异步加载子节点的方法。

注意

必须返回 Promise 对象

# 选中配置

# mainGrid.isCheckBoxModel

boolean

是否显示选择列。

默认值: false

# mainGrid.checkTrigger

string

触发方式（注：当多种功能重叠时，会同时触发）。

默认值: 'row'

可选值: 'default'、'cell'、'row'

# mainGrid.ib_MultiRowSelected

boolean

是否多选。

默认值: true

# mainGrid.reserve

boolean

是否保留勾选状态。

默认值: true

# mainGrid.defaultcheckList

string[]

默认勾选指定行,只会在初始化时被触发一次。

# mainGrid.strictly

boolean

是否严格的遵循父子不互相关联的做法。

默认值: false

# mainGrid.checkField

string

绑定选中属性字段。

默认值: 'checked'

注意

行数据中必须存在该字段，否则无效。

# mainGrid.indeterminateField

string

绑定半选属性字段。

默认值: 'halfChecked'

注意

行数据中必须存在该字段，否则无效。

# mainGrid.checkMethod

({ row }) => boolean

是否允许勾选的方法，该方法的返回值用来决定这一行的 checkbox 是否可以勾选。

# mainGrid.visibleMethod

({ row }) => boolean

是否允许勾选的方法，该方法，的返回值用来决定这一行的 checkbox 是否显示。

# 分页配置

# mainGrid.isPage

boolean

是否分页。

默认值: true

# mainGrid.isSelfPage

boolean

是否前端分页。

默认值: false

# mainGrid.pagination

object

分页配置项。

默认值:

{
  currentPage: 1,
  pageSize: 30,
  total: 0,
  layouts: ['PrevPage', 'JumpNumber', 'NextPage', 'FullJump'],
  pageSizes: [10, 15, 20, 30, 50, 100],
  open: false
}

1
2
3
4
5
6
7
8

object 属性说明:

currentPage: number: 当前页数
pageSize: number: 每页页数
total: number: 数据总数
layouts: array: 自定义布局，可选值 'Home', 'PrevJump', 'PrevPage', 'Number', 'JumpNumber', 'NextPage', 'NextJump', 'End', 'Sizes', 'Jump', 'FullJump', 'PageCount', 'Total'
pageSizes: number | array<label, string>: 每页大小选项列表

# 查询配置

# mainGrid.findUrl

string

表格查询请求地址。

# mainGrid.autoRetrieve

boolean

是否自动发起请求。

默认值: true

# mainGrid.findForm

array<...columns>

查询条件的列配置项。

array 属性说明:

...columns: 支持 AppFindBar - findColumns 的所有配置。
initSync: boolean: 初始化时是否需要同步数据，默认 true，优先于 #mainGrid.initSync

# mainGrid.enterSearch

boolean

是否启用回车查询。

默认值: true

# mainGrid.enabledFindCache

boolean

是否启用查询缓存。关闭后，查询参数仅包含已配置查询条件。

默认值: true

# mainGrid.hiddenReload

boolean

是否隐藏刷新图标按钮。

默认值: false

# mainGrid.hideReset

boolean

是否隐藏重置按钮。

默认值: false

提示

同 AppFindBar - hideReset。

# mainGrid.findBtn

array<{ header, title, iconCls?, method }>

在查询按钮的位置，使用自定义按钮。

提示

同 AppFindBar - findBtn。

# mainGrid.moreFind 废弃

boolean

是否显示下拉更多搜索(在...字段中搜索)。

# mainGrid.showModalFilter

boolean

是否显示弹窗式的高级查询。

默认值: false

# mainGrid.showExpandFilter

boolean

是否显示展开式的高级查询。

默认值: false

# mainGrid.filterFields

array<{ dataIndex }>

支持高级查询的字段列。

array 属性说明:

dataIndex: string: 字段编码

# mainGrid.notFilterFields

array<{ dataIndex }>

不支持高级查询的字段列。相当于[AppFindBar - notFilterFields]

array 属性说明:

dataIndex: string: 字段编码

# mainGrid.tFindBefore

({ that, grid, back }) => void

查询前事件。相当于 AppGrid - tFindBefore。

# mainGrid.tFindAfter

({ that, grid, res, process, url, params }) => void

查询后事件。相当于 AppGrid - tFindBefore。

# mainGrid.retrieveEnd

({ that, grid, tableData }) => void

tFindAfter 后执行，相当于 AppGrid - retrieveEnd。

# 按钮组配置

# mainGrid.tbarReversal

boolean

是否调整 tbar 的位置。true 表示左侧，false 表示右侧。

默认值: false

# mainGrid.tbar

array<...columns>

功能按钮配置。

array 属性说明:

...columns: 支持 AppToolbar - toolbar 的所有配置
method({ editType, checkboxRecords, findFormData, isEditGrid }): 按钮的点击事件
iconCls: string: 按钮的图标
hidden: boolean | ({ editType, checkboxRecords, findFormData, isEditGrid }) => boolean: 是否隐藏按钮
disabled: boolean | ({ editType, checkboxRecords, findFormData, isEditGrid }) => boolean: 是否禁用按钮
style: object | ({ editType, checkboxRecords, findFormData, isEditGrid }) => object: 按钮样式
modalOption: object: 辅助输入-弹窗配置，支持 AppModal - modalOption 中的所有属性不建议使用，推荐使用 method
drawerOption: object: 辅助输入-抽屉配置，支持 AppDrawer - drawerOption 中的所有属性不建议使用，推荐使用 method
percode: string: 按钮权限编码
reportPrint: boolean: 是否为报表打印按钮，需指定 percode
workflow: boolean: 是否为工作流按钮，需指定 percode
delList: boolean: 删除是否需要传递行记录，默认 false
idsRequestBody: boolean: 删除时，参数是否需要放在 body 中，默认 false
saveUrl: string: 保存地址。无论行记录是否变化，都会提交。多用于提交/取消提交操作。

提示

表格提供了默认的点击事件，只需指定下列属性即可
- btnId: 'add' | iconCls: 'add': 增加事件
- btnId: 'del' | iconCls: 'del': 删除事件
- btnId: 'save' | iconCls: 'save': 保存事件
- btnId: 'helper' | iconCls: 'helper': 辅助输入事件，需要指定 drawerOption
- btnId: 'startProcess' | iconCls: 'startProcess': 启动 304 工作流事件
- btnId: 'upload' | iconCls: 'upload': 文件上传，需要指定 modalOption
若指定了 method 属性，则认为是需要重写点击事件，默认点击事件将失效
modaOption 只在 isEditGrid: false 时生效

# 操作列配置

# mainGrid.noOption

boolean | (editType) => boolean

是否不使用操作列。

默认值: false

方法参数说明:

editType: string: 编辑类型。用于区分当前操作 editType

提示

当为 true 时，其它操作列配置都会失效。

# mainGrid.defaultOption

boolean

是否使用默认的操作列。

默认值: true

# mainGrid.editOption

array<{}>

操作列的列配置。

array 属性说明:

btnId: string: 按钮的功能标识
header: string | (row) => string: 按钮名称
method: ({ that, grid, record, recordIndex, editOption }) => void: 按钮的点击事件
iconCls: string: 按钮的图标
hidden: boolean | (row) => boolean: 是否隐藏按钮
disabled: boolean | (row) => boolean: 是否禁用按钮
modalOption: object: 辅助输入-弹窗配置，支持 AppDrawer - drawerOption 中的所有属性不建议使用，推荐使用 method
drawerOption: object: 辅助输入-抽屉配置，支持 AppDrawer - drawerOption 中的所有属性不建议使用，推荐使用 method
confirm: object: 是否带确认提示信息
- title: string: 确认提示信息标题
- okText: string: 确定按钮文字，默认 '确认'
- cancelText: string: 取消按钮文字，默认 '取消'
option: array: 更多按钮，下拉菜单选项配置项，与 editOption 配置一致
percode: string: 按钮权限编码
reportPrint: boolean: 是否为报表打印按钮，需指定 percode
workflow: boolean: 是否为工作流按钮，需指定 percode
delList: boolean: 删除是否需要传递行记录，默认 false
idsRequestBody: boolean: 删除时，参数是否需要放在 body 中，默认 false

# mainGrid.optionWidth

number

操作列宽度。

默认值: 100

# mainGrid.optionFixed

string

将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）。

可选值: 'left'、'right'

# 增加 & 编辑 & 删除配置

# mainGrid.addUrl

string

弹窗增加保存地址，发起 POST 请求。

提示

当未配置此属性时，会尝试使用 mainGrid.saveUrl

# tInsertBefore

({ that, grid, back }) => void

插入前执行。相当于 AppGrid - tInsertBefore。

# tInsertAfter

({ that, grid, newRow }) => void

插入后执行。相当于 AppGrid - tInsertAfter。

# mainGrid.updateUrl

string

弹窗编辑保存地址，发起 PUT 请求。

提示

当未配置此属性时，会尝试使用 mainGrid.saveUrl

# mainGrid.saveUrl

string

批量保存地址。发起 POST 请求。

# tSaveBefore

({ that, grid, back, modalOption?, modalRefs?, data?, proData? }) => void

保存前执行。相当于 AppGrid - tSaveBefore。

# tSaveAfter

({ that, grid, records, insertRecords, updateRecords, res }) => void

保存后执行。相当于 AppGrid - tSaveAfter。

# mainGrid.delUrl

string

批量删除地址。发起 DELETE 请求。

# tDeleteBefore

({ that, grid, records, back }) => void

删除前执行。相当于 AppGrid - tDeleteBefore。

# tDeleteAfter

({ that, grid, back }) => void

删除后执行。相当于 AppGrid - tDeleteAfter。

# mainGrid.retrieveAfterCommit

boolean

提交后，是否刷新刷新表格。

默认值: false

# 合并配置

提示

不能用于虚拟滚动、展开行，不建议用于固定列、树形结构

# mainGrid.mergeCols

array<{ dataIndex }>

需要合并列字段，使用默认的行合并方法进行合并。

array 属性说明:

dataIndex: string: 字段编码

# mainGrid.mergeRowMethod

({ row, rowIndex, $rowIndex, _rowIndex, column, columnIndex, $columnIndex, _columnIndex, data }) => { rowspan, colspan }

重写默认的行合并方法。

注意

若指定了 mainGrid.spanMethod,此方法将会失效。

# mainGrid.mergeCells

array<{ row, col, rowspan, colspan }>

自定义临时合并指定的单元格。

# mainGrid.mergeFooterItems

array<{ row, col, rowspan, colspan }>

自定义临时合并表尾。

# mainGrid.spanMethod

({ row, rowIndex, $rowIndex, _rowIndex, column, columnIndex, $columnIndex, _columnIndex, data }) => { rowspan, colspan }

自定义合并函数，返回计算后的值。

# mainGrid.footerSpanMethod

({ $rowIndex, column, columnIndex, $columnIndex, _columnIndex, data }) => { rowspan, colspan }

自定义表尾合并行或列，返回计算后的值。

# 右键菜单配置

# mainGrid.enableMenu

boolean

是否启用邮件菜单。

默认值: false

# mainGrid.allowCopyRow

boolean

是否允许拷贝行。

默认值: false

# mainGrid.allowInsertRow

boolean

是否允许插入行。

默认值: false

# mainGrid.contextMenuVisibleMethod

({ item, type, options, columns, row, rowIndex, column, columnIndex }) => void

控制右键菜单显示的方法。

# 样式配置

# mainGrid.rowClassName

string | ({ row, rowIndex, $rowIndex }) => string

给行附加 className。

# mainGrid.cellClassName

string | ({ row, rowIndex, column, columnIndex, $rowIndex, $columnIndex }) => string

给单元格附加 className。

# mainGrid.headerRowClassName

string | ({ $rowIndex }) => string

给表头的行附加 className。

# mainGrid.headerCellClassName

string | ({ column, columnIndex, $rowIndex, $columnIndex}) => string

给表头的单元格附加 className。

# mainGrid.footerRowClassName

string | ({ $rowIndex }) => string

给表尾的行附加 className。

# mainGrid.footerCellClassName

string | ({ column, columnIndex, $rowIndex, $columnIndex}) => string

给表尾的单元格附加 className。

# mainGrid.cellStyle

object | ({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) => object

给单元格附加样式。

# mainGrid.headerCellStyle

object | ({ $rowIndex, column, columnIndex, $columnIndex }) => object

给单元格附加样式。

# mainGrid.footerCellStyle

object | ({ $rowIndex, column, columnIndex, $columnIndex }) => object

给表尾单元格附加样式。

# mainGrid.rowStyle

object | ({ row, rowIndex, $rowIndex }) => object

给行附加样式。

# mainGrid.headerRowStyle

object | ({ $rowIndex, column, columnIndex, $columnIndex }) => object

给表头行附加样式。

# mainGrid.footerRowStyle

object | ({ $rowIndex }) => object

给表尾行附加样式。

# 其它配置

# afterConstructor

({ that, grid }) => void

初始化完成之后执行。相当于 AppGrid - afterConstructor。

# tStartWorkflowBefore

({ that, grid, tbar, editOption, formData, proFormData, back }) => void

工作流启动前执行。相当于 AppGrid - tStartWorkflowBefore。

# tStartWorkflowAfter

({ that, grid, formData, res }) => void

工作流启动之后执行。相当于 AppGrid - tStartWorkflowAfter。

# lazyLoadAfter

({ that, grid, row, res }) => void

懒加载完成之后执行。相当于 AppGrid - lazyLoadAfter。

# checkBoxChange

({ that, grid, row, checkedData?, checkboxRecords?, allCheckboxRecords?, tableData? }) => void

初始化完成之后执行。相当于 AppGrid - checkBoxChange。

# mainGrid.editClosedEvent

({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) => boolean

单元格编辑状态下被关闭时会触发该事件。

# mainGrid.activedEvent

({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) => boolean

单元格被激活编辑时会触发该事件。

# mainGrid.disabledEvent

({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) => boolean

当单元格激活时如果是禁用状态时会触发该事件。

# mainGrid.exportUrl 暂不支持

string

后端导出地址。

# mainGrid.itemChanged

({ that, grid, value, oldValue, date?, time?, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType }) => void

输入组件的值变化事件。相当于 AppGrid - itemChanged。

# mainGrid.itemPressEnter

({ that, grid, value, oldValue, date?, time?, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType }) => void

输入组件的回车事件。相当于 AppGrid - itemChanged。

# mainGrid.itemFocus

({ that, grid, value, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType }) => void

输入组件的获取焦点事件。相当于 AppGrid - itemFocus。

# mainGrid.inputBlur

({ that, grid, value, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType }) => void

输入组件的丢失焦点事件。相当于 AppGrid - inputBlur。

# mainGrid.showDropDownBefore

({ that, grid, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType, back }) => void

输入组件的下拉前事件。相当于 AppGrid - inputBlur。

# mainGrid.changeFlag

({ that, grid, row, oldRow, rowIndex, column, columnIndex, columns, formData?, editType, back }) => void

显示/隐藏 detail 面板。相当于 AppGrid - changeFlag。

# mainGrid.startProcessBefore

({ that, grid, detalist, proData, back }) => void

304 工作流启动前事件。相当于 AppGrid - startProcessBefore。

# mainGrid.cellClick

({ that, grid, record, oldRecord, column, back }) => void

行(单元格)点击事件。可重复点击。相当于 AppGrid - cellClick。

# mainGrid.rowFocusChanged

({ that, grid, record, oldRecord, column, back }) => void

行(单元格)点击事件。不可重复点击。相当于 AppGrid - rowFocusChanged。

# mainGrid.rowDblClicked

({ that, grid, record, oldRecord, column, back }) => void

行(单元格)双击事件。相当于 AppGrid - rowDblClicked。

# mainGrid.tOpenModalBefore

({ that, grid, modalConfig, back }) => void

打开弹窗前。相当于 AppGrid - rowDblClicked。

# mainGrid.importBefore

({ that, grid, data, proData, back }) => void

打开弹窗前。相当于 AppGrid - importBefore。

# mainGrid.footerChange

({ that, grid, columns, sum, avg }) => void

打开弹窗前。相当于 AppGrid - footerChange。

# 重写配置

# mainGrid.columnConfig

object

列的默认参数。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  columnConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.rowConfig

object

行配置信息。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  rowConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.sortConfig

object

排序配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  sortConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.importConfig

object

导出配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  importConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.exportConfig

object

导出配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  exportConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.checkboxConfig

object

选中配置。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  checkboxConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.treeConfig

object

树形结构配置项。当 mainGrid.treeGrid 为 true 时有效。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  treeConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.mouseConfig

object

鼠标配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  mouseConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.keyboardConfig

object

按键配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  keyboardConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.editConfig

object

按键配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  keyboardConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.validConfig

object

校验配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  validConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.editRules

object

校验规则配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  editRules: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.emptyRender

object

空内容渲染配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  emptyRender: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.customConfig

object

个性化信息配置项。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  customConfig: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.scrollX

object

横向虚拟滚动配置（不支持展开行）。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  scrollX: {
    // ...
  }
}

1
2
3
4
5
6

# mainGrid.scrollY

object

纵向虚拟滚动配置（不支持展开行）。

提示

可以通过此对象重写底层已有的配置属性。具体可覆盖的属性，请查看 [vxe-table] 文档。

mainGrid: {
  // ...
  scrollY: {
    // ...
  }
}

1
2
3
4
5
6