vxe-grid 通过配置式给单元格字段格式化树结构数据,转换树结构节点-牛翰网

vxe-grid 通过配置式给单元格字段格式化树结构数据,转换树结构节点

vxe-grid 通过配置式给单元格字段格式化树结构数据,转换树结构节点 比如用户自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。 官网:h...
vxe-table grid 4.11+ 和 3.13+ 使用展开行详解-牛翰网

vxe-table grid 4.11+ 和 3.13+ 使用展开行详解

vxe-table 使用展开行的两种模式详解, vxe-table 4.11+ v3.13+展开内容支持两种方式,固定和内嵌,其中默认的固定模式是全功能的,内嵌模式不支持虚拟滚动。 官网:https://vxetable.cn 固定模...
vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题-牛翰网

vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题

vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题,需要注意最新版本才支持 官网:https://vxetable.cn 同时支持虚拟滚动和展开行与固定列、子表复杂渲染,需要注意最新...
vxe-table 使用树结构点击筛选,子节点筛选-牛翰网

vxe-table 使用树结构点击筛选,子节点筛选

vxe-table 使用树结构点击筛选,子节点筛选,启用树结构后会同时对每个层级的子节点进行筛选 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOpt...
vxe-table 使用树结构点击排序,子节点排序-牛翰网

vxe-table 使用树结构点击排序,子节点排序

vxe-table 使用树结构点击排序,子节点排序,启用树结构后会同时对每个层级的子节点进行排序 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOpt...
vxe-table 如何实现全部单元格都能拖拽调整列宽,表头和表体都支持拖拽-牛翰网

vxe-table 如何实现全部单元格都能拖拽调整列宽,表头和表体都支持拖拽

vxe-table 如何实现全部单元格都能拖拽调整列宽,表头和表体都支持拖拽 官网:https://vxetable.cn 效果 代码 通过 resizable-config.isAllColumnDrag 启用所有单元格允许拖拽调整列宽 <temp...
vxe-table 实现双击自适应行高,行高拖拽调整高度-牛翰网

vxe-table 实现双击自适应行高,行高拖拽调整高度

vxe-table 实现双击自适应行高,行高拖拽调整高度 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击...
vxe-form table 实现折叠表单-牛翰网

vxe-form table 实现折叠表单

官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent"> </vxe-form> &l
vxe-table grid 分享实现单元格编辑表格表尾合计实时计算-牛翰网

vxe-table grid 分享实现单元格编辑表格表尾合计实时计算

在使用 vxe-grid 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change 事件,从而实现实时更新合计功能。 官网:https://...
vxe-form table 表单实现简历模板-牛翰网

vxe-form table 表单实现简历模板

官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <