:checkbox-config="{checkRowKeys: ['2', '3']}" :radio-config="{labelField: 'name'}"> <vxe-table-columntype="checkbox" width="60"></vxe-table-column> <vxe-table-columntype="radio" width="300" title="Name"></vxe-table-column> <vxe-table-columnfield="sex" title="Sex"></vxe-...
:checkbox-config="{checkRowKeys: ['2', '3']}" :radio-config="{labelField: 'name'}"> <vxe-table-column type="checkbox" width="60"></vxe-table-column> <vxe-table-column type="radio" width="300" title="Name"></vxe-table-column> <vxe-table-column field="sex" title="Sex"></...
官网:https://vxetable.cn <template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>exportdefault{ data () {constgridOptions = {border:true,height:300,showOverflow:true,radioConfig: {labelField:'name',highlight:true},columns: [ {type:'radio',title:'Name',width...
使用过 Element UI 树形表格的都知道当我们为表格数据进行刷新时,它的行的展开状态是不变的,而当我使用 vxe-table 时,默认情况下展开状态是不保留的,需要进行额外的设置,可在expand-config设置项里配置reserve属性为true,另外要使之生效,还得设置row-config里面的keyField属性。 vxe-table 是针对 vue2 或者3封装...
463 * 用于 radio-config.reserve,手动清空用户保留选中的行数据 464 */ 465 clearRadioReserve(): Promise<any>; 466 /** 467 * 用于 checkbox-config.reserve,获取已保留选中的行数据 468 */ 469 getCheckboxReserveRecords(): any[]; 470 /** 471 * 用于 type=checkbox,获取半选状态的行...
table.seqConfig, true), this.seqConfig) }, radioOpts () { return this.computeRadioOpts }, computeRadioOpts () { return Object.assign({}, getConfig().table.radioConfig, this.radioConfig) return Object.assign({}, XEUtils.clone(getConfig().table.radioConfig, true), this.radioConfig) },...
:radio-config="{labelField: 'role'}" :checkbox-config="{labelField: 'name', highlight: true, range: true}"> <vxe-table-column type="checkbox" title="Name"></vxe-table-column> @@ -231,6 +232,25 @@ export default { { id: 10004, name: 'Test4', role: 'Designer', sex: 'Wom...
<template><div><vxe-radio-groupv-model="gridOptions.keyboardConfig.editMode"><vxe-radio-buttonlabel="coverage"content="覆盖式编辑"></vxe-radio-button><vxe-radio-buttonlabel="insert"content="追加式编辑"></vxe-radio-button></vxe-radio-group><vxe-gridv-bind="gridOptions"></vxe-grid></div...
Global configimport Vue from 'vue' import VXETable from 'vxe-table' import 'vxe-table/lib/index.css' Vue.use(VXETable, { size: 'small' }) ThemeCase 1. Use the default theme style. 使用默认的主题样式import VXETable from 'vxe-table' import 'vxe-table/lib/index.css' ...
// Radio, // Switch, // Input, // Select, // Textarea, // Button, // Modal, // List, // Pulldown, Table } from 'vxe-table' import zhCN from 'vxe-table/lib/locale/lang/zh-CN' // 按需加载的方式默认是不带国际化的,自定义国际化需要自行解析占位符 ...