上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
摘要: vxe-table 树表格单元格选择复制粘贴,树结构默认是平级粘贴,可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴;需要注意只支持 tree-config.transform 模式 <template> <div> <vxe-table border show-ov 阅读全文
posted @ 2024-12-05 11:49 可不简单 阅读(81) 评论(0) 推荐(0) 编辑
摘要: vxe-table 全键盘操作,按键编辑方式设置,覆盖方式与追加方式; 通过 keyboard-config.editMode 设置按键编辑方式;支持覆盖方式编辑和追加方式编辑 按键编辑方式 <template> <div> <vxe-radio-group v-model="gridOptions 阅读全文
posted @ 2024-12-05 10:48 可不简单 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 在开发可编辑表格是,客户提了一个需求,默认情况下回车键是自动跳转下一行,当处于最后一行时,按下回车键需要自动新增一行。并将光标移动到新的行,实现也是非常简单的,vxe-table 新版本是支持这个功能的。 回车自动换行功能是通过参数 keyboard-config.isLastEnterAppend 阅读全文
posted @ 2024-12-05 08:46 可不简单 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 看看 vxe-table 渲染器强大到什么地步;在开发需求中,经常会在表格列表中放入图片展示,例如头像、视频图片,附件列表等,但需要对表格批量操作是,会比较繁琐,那么有没有方便操作一点的放呢,肯定是有的; 配合 vxe-upload 上传;比如复制或者截图一张图片,通过粘贴方式快速粘贴到单元格中,能 阅读全文
posted @ 2024-12-04 15:09 可不简单 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 当 ant-design-vue a-modal 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法,由于不同组件库的层级不一样,通过设置大一点的层级就可以了 官网:https://vxetable.cn/ 安装 npm install vxe-pc-ui@4.3.11 vxe-table@ 阅读全文
posted @ 2024-12-04 11:04 可不简单 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 当 element-ui element-plus el-dialog 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法,由于不同组件库的层级不一样,通过设置大一点的层级就可以了 官网:https://vxetable.cn/ 安装 npm install vxe-pc-ui@4.3.11 阅读全文
posted @ 2024-12-04 10:59 可不简单 阅读(131) 评论(0) 推荐(0) 编辑
摘要: vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用,当不需要编辑时就关闭 官网:https://vxetable.cn/ <template> <div> <vxe-button status="primary" @click="toggle 阅读全文
posted @ 2024-12-04 10:27 可不简单 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 在 vxe-tabs 页签组件中使用 vxe-table 表格组件,自适应页签高度。 官网:https://vxetable.cn/ <template> <div> <vxe-tabs padding> <vxe-tab-pane title="页签1" name="1"> <vxe-grid v 阅读全文
posted @ 2024-12-03 22:01 可不简单 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 在使用 vxe-table 是,常用的列宽拖拽调整功能,通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。 动态列宽分配模式 调整列宽之后,对于未设置列宽的列会重新动态分配剩余宽度 <template> <div> <vxe-grid v-bind="gridOption 阅读全文
posted @ 2024-12-03 10:59 可不简单 阅读(350) 评论(0) 推荐(0) 编辑
摘要: vxe-form 的基础用法,data 指定表单的数据,items 用于配置表单的项列表 <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </ 阅读全文
posted @ 2024-12-02 13:22 可不简单 阅读(170) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
点击右上角即可分享
微信分享提示