全局table对象下有两个字段:data和tableData,前者是动态改变了数据的整个初始化表数据,可以用来还原仅显示已勾选功能,后者是现在加载着的表数据,经过处理后可以用来激活仅显示已勾选功能。这里需要注意的是:vxe-table加载列表数据后会默认自动生成自定义行数据唯一主键字段_X_ROW_KEY,我们可以在数据处理时用上该字段...
可复现的链接: https://vxe-table-bug-example.ctong.top/2320 问题描述与截图: 以下两个位置为写入 children 相关数据相关操作源码。在调试时发现, 173 行写入后,188 行的 child 存在 173 写入的数据,导致在 188 行重复写入!猜测 children 和 child 地址可能相同,但
通过控制变量,我们很容易确认是滚动导致了问题,进而很容易猜测是 VXETable 的虚拟滚动功能导致了问题。 我们可以修改<vxe-table>的scroll-y属性来验证一下,我们将enabled设置成false强制禁用虚拟滚动,会发现卡顿明显了不少,而且滚动后再点击“提交”按钮不能通过校验。如果换回 ElTable,卡顿感会更为明显,同样地,滚动...
vxe-table 树表格拖拽排序,支持拖拽到空节点,直接拖拽成子级;通过 row-drag-config.isToChildDrag 启用便捷拖拽成子节点,拖拽的同时按住 Ctrl 键可以自动拖放到该节点的子级 官网:https://vxetable.cn/ 通过row-drag-config.isToChildDrag 启用便捷拖拽成子节点,拖拽的同时按住 Ctrl 键可以自动拖放到该节点的子...
基于vxe-table表格的适配插件,用于兼容element-plus组件库 Compatibility 对应vxe-table v4 版本 如果您使用的是 vxe-table 4.7+ 最新版本,建议使用更强大的@vxe-ui/plugin-render-element适配器,代码完全兼容 Installing npm install vxe-table@next vxe-table-plugin-element@next element-plus ...
对应vxe-table v4 版本 如果您使用的是 vxe-table 4.7+ 最新版本,建议使用更强大的@vxe-ui/plugin-render-antd适配器,代码完全兼容 Installing npm install vxe-table@next vxe-table-plugin-antd@next ant-design-vue@next // ...importVXETablefrom'vxe-table'importVXETablePluginAntdfrom'vxe-table-plugin-...
vxe-table 树表格跨层级拖拽排序,通过 row-drag-config.isCrossDrag 启用跨层级拖拽 官网:https://vxetable.cn/ table_row_drag_tree_coss_dra.gif <template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>exportdefault{data(){constgridOptions={border:true,rowConfig:{use...
span-method="mergeRowMethod"ref="vxeTable":auto-resize="true"><templatev-for="config in headerColumn"><vxe-column:key="config.field":type="config.type":field="config.field":title="config.title":fixed="config.fixed":width="config.width":filters="config.filters":align="config.align":...
vxe-table 树表格跨层级拖拽排序,通过 row-drag-config.isCrossDrag 启用跨层级拖拽 官网:https://vxetable.cn/ <template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>exportdefault{data(){constgridOptions={border:true,rowConfig:{useKey:true,drag:true},rowDragConfig:...
第一,写下table模板 <vxe-table border show-overflow show-header-overflow ref="tableRef"height="600":row-config="{isCurrent: true, isHover: true, useKey: true}":column-config="{resizable: true}":export-config="{}":loading="demo1.loading":sort-config="{trigger: 'cell'}":scroll-y="{...