vxe-table 实现打印出货单、自定义单据打印
vxe-table 内置非常强大 H5 打印,只需要传入 html 代码和 css 样式,就可以实现任何复杂的打印 官网:https://vxeui.com <template> <div> <vxe-button @click="printEven...
vxe-table 表格导出 xlsx 文件
通过手动调用 exportData 方法可以直接导出文件,导出时单元格类型默认是自动转换的,如果是需要字符串类型,可以通过 column.cell-type 设置,也可以调用 openExport 方法打开导出面板 官网: h...
vxe-table 实现表格单选数据
在 vxe-table 启用列单选功能,通过参数 column.type = 'radio' 设置类型为单选类型就可以了。 官网:https://vxetable.cn <template> <div> <vxe-grid v-bind="gr
vxe-table 树表格跨层级拖拽排序
vxe-table 树表格跨层级拖拽排序,通过 row-drag-config.isCrossDrag 启用跨层级拖拽 官网:https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions
vxe-table 实现复选框多选,鼠标拖拽选择、鼠标拖拽范围选择
官网: https://vxetable.cn 通过 range 启用范围选中,启用后鼠标按住复选框的列,向上或向下滑动选取,支持快捷键; MouseLeft 按住复选框的列,向上或向下滑动选取; MouseLeft + Ctrl 局部选取/...
vxe-table 实现双击自适应行高,行高拖拽调整高度
vxe-table 实现双击自适应行高,行高拖拽调整高度 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击...
vxe-table 实现复选框分页跨页勾选
vxe-table 实现复选框分页跨页勾选 官网:https://vxetable.cn 当使用数据分页与复选框多页勾选时,可以通过 checkbox-config.reserve 启用 <template> <div> <vxe-button statu...
vxe-table 一键切换编辑模式、只读模式
vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用,当不需要编辑时就关闭 官网:https://vxetable.cn/ <template> <div> <vxe-button status=&...
vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽
在使用 vxe-table 是,常用的列宽拖拽调整功能,通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。 动态列宽分配模式 调整列宽之后,对于未设置列宽的列会重新...
vue 功能最丰富的组件 vxe-table 最强表格组件推荐,vue 用什么表格组件好
vue 用什么表格组件好,vxe-table 是支持 vue2 和 vue3 非常强大的表格库,是专业用于处理表格组件库。 官网:https://vxetable.cn/ 冻结列 单元格合并 单选 多选 多字段排序 列拖拽排序 树形表...