周选择器vxe-date-picker自定义一周开始日官网:https://vxeui.com周一开始<template><div><vxe-date-pickerv-model="val1"placeholder="周选择，周一开始"type="week":start-day="1"></vxe-date-picker></div

使用vxe-table实现分组表头子列之间进行拖拽，限制允许子列进行拖拽官网：https://vxetable.cn安装npminstallvxe-pc-ui@4.3.55vxe-table@4.10.0//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import&

<vxe-tableref="table":show-header-overflow="true":show-overflow="true":data="chooseAttributes"border:header-cell-style="{background:'#

vue上传组件vxe-upload图片和附件拖拽调整顺序，通过设置drag-sort参数就可以启用拖拽排序功能官网：https://vxeui.com/图片拖拽排序<template><div><vxe-uploadv-model="imgList"mode="image"multipledrag-sort></vxe-upload></div></t

vxe-table实现复选框分页跨页勾选官网：https://vxetable.cn当使用数据分页与复选框多页勾选时，可以通过checkbox-config.reserve启用<template><div><vxe-buttonstatus="success"@click="getSelectEvent">获取已选</vxe-button><vxe-grid

vue实现纯webH5打印功能官网：https://vxeui.com/https://github.com/x-extends/vxe-pc-ui安装npminstallvxe-pc-ui@4.3.22vxe-table@4.9.19//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-t

分享vxe-tablevue树表格拖拽二次确认官网：https://vxetable.cn/<template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>import{VxeUI}from'vxe-table'exportde

vue用什么表格组件好，vxe-table是支持vue2和vue3非常强大的表格库，是专业用于处理表格组件库。官网：https://vxetable.cn/冻结列单元格合并单选多选多字段排序列拖拽排序树形表格拖拽排序可编辑表格数据校验查询表格打印表格数据分页工具栏右键

使用vxe-table实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/<template><div><vxe-gridref="gridRef"v-bind="gridOptions"v-on="gridEvents"><template#toolbarButtons>

vxe-table树表格跨层级拖拽排序，通过row-drag-config.isCrossDrag启用跨层级拖拽官网：https://vxetable.cn/<template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>exportdefault{da

vxe-table实现控制指定列默认隐藏，重置自定义列后还能自动还原，有个需求需要将某一列默认是隐藏的，但是可以通过自定义列设置显示，当点击自定义的重置按钮时，还能回复到默认的状态，实现也是非常简单的。通过visible参数设置默认为不显示就可以了。官网：https://vxetable.cn/通过vi

使用vxe-table实现展开行的，通过设置type=expand，给列加上content插槽，就可以开启展开行了官网：https://vxetable.cn/<template><div><vxe-gridv-bind="gridOptions"><template#expand_content="{row}"><div>Name：{

vxe-table树表格单元格选择复制粘贴，树结构默认是平级粘贴，可以通过clip-config.isDeepPaste启用深层数据结构的粘贴；需要注意只支持tree-config.transform模式<template><div><vxe-tablebordershow-overflowkeep-sourceheight="500"

vxe-table全键盘操作，按键编辑方式设置，覆盖方式与追加方式；通过keyboard-config.editMode设置按键编辑方式；支持覆盖方式编辑和追加方式编辑按键编辑方式<template><div><vxe-radio-groupv-model="gridOptions.keyboardConfig.editMode"><vxe-radio-buttonla

在开发可编辑表格是，客户提了一个需求，默认情况下回车键是自动跳转下一行，当处于最后一行时，按下回车键需要自动新增一行。并将光标移动到新的行，实现也是非常简单的，vxe-table新版本是支持这个功能的。回车自动换行功能是通过参数keyboard-config.isLastEnterAppendRow来控制是否启

看看vxe-table渲染器强大到什么地步；在开发需求中，经常会在表格列表中放入图片展示，例如头像、视频图片，附件列表等，但需要对表格批量操作是，会比较繁琐，那么有没有方便操作一点的放呢，肯定是有的；配合vxe-upload上传；比如复制或者截图一张图片，通过粘贴方式快速粘贴到单元格中，能支持单

当element-uielement-plusel-dialog使用vxe-table可编辑表格、下拉框被遮挡解决方法，由于不同组件库的层级不一样，通过设置大一点的层级就可以了官网：https://vxetable.cn/安装npminstallvxe-pc-ui@4.3.11vxe-table@4.9.11//...importVxeUIfrom'vxe-pc-ui'impor

当ant-design-vuea-modal使用vxe-table可编辑表格、下拉框被遮挡解决方法，由于不同组件库的层级不一样，通过设置大一点的层级就可以了官网：https://vxetable.cn/安装npminstallvxe-pc-ui@4.3.11vxe-table@4.9.11//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-u

vxe-table可以编辑模式和只读模式的参数是editConfig.enabled当需要编辑时就启用，当不需要编辑时就关闭官网：https://vxetable.cn/<template><div><vxe-buttonstatus="primary"@click="toggleReadonly">切换</vxe-button><vxe-gridv-bind=&q

在vxe-tabs页签组件中使用vxe-table表格组件，自适应页签高度。官网：https://vxetable.cn/<template><div><vxe-tabspadding><vxe-tab-panetitle="页签1"name="1"><vxe-gridv-bind="gridOptions1">&l

在使用vxe-table是，常用的列宽拖拽调整功能，通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。动态列宽分配模式调整列宽之后，对于未设置列宽的列会重新动态分配剩余宽度<template><div><vxe-gridv-bind="gridOptions"></vxe-grid>

vxe-form的基础用法，data指定表单的数据，items用于配置表单的项列表<template><div><vxe-formv-bind="formOptions"@submit="submitEvent"@reset="resetEvent"></vxe-form></div></temp

vxe-table树结构单元格选取与复制粘贴，通过tree-config.transform使用树形表格<template><div><vxe-tablebordershow-overflowkeep-sourceheight="600":column-config="columnConfig":tree-config=&quo

vxe-table可编辑表格使用下拉树<template><div><vxe-gridv-bind="gridOptions"></vxe-grid></div></template><script>exportdefault{data(){constregionEditRender={name:'VxeTre

vxe-table树形表格的使用，支持多种数据结构，可以是带有父子结构的数组，也可以带有层级结构的嵌套数据。官网：https://vxetable.cnGitee带有父子结构的平级数据只需要带有父子结构的平级数据，例如：id和parentId，字段名可以任意设置。对于保存到数据库的平级数据非常方便，无需转换就