vxe-table
文章平均质量分 52
qdcxy0
这个作者很懒,什么都没留下…
展开
-
vxe-table列宽、错位问题解决
vxe-table列宽、错位问题解决问题解决方法1解决方法2问题在项目中切换标签页时,vxe-table不能自适应页面宽度,设置了最小宽度就只能安最小宽度显示表格,不能自适应显示解决方法11、vxe-table中添加属性::auto-resize="true" 就可以自动重新计算表格,默认是关闭的<vxe-table auto-resize ... ></vxe-table>解决方法22、使用手动调用 recalculate 方法去重新计算表格使用了k转载 2021-02-26 15:28:07 · 9847 阅读 · 0 评论 -
vxe-table行列计算
vxe-table行列计算vxe-table文档实现功能实现效果图完整代码vxe-table文档vxe-table文档实现功能根据树状结构数据,在vxe-table可编辑表格表格中实现如下功能:每一行的第一列数据等于当前行数据的和;父类的每一列数据等于子类每一项相加;自定义计算的单元格禁用,其余单元格可编辑数据。实现效果图完整代码<template> <!-- activeCellMethod: 判断单元格是否禁用 --> <vxe-table原创 2021-02-03 17:27:50 · 2166 阅读 · 0 评论 -
tree-select使用
tree-select使用安装基本使用在vxe-table中使用官方文档安装npm install --save @riophae/vue-treeselect基本使用在vue中的使用:<!-- Vue SFC --><template> <div> <treeselect :multiple="true" :options="options" placeholder="Select your favourite(s).原创 2020-12-15 21:46:13 · 3443 阅读 · 8 评论 -
vxe-table封装多条件查询组件
1、multiQuery.vue引用了queryButton 组件<template> <div > <div sclass="button-row"> <queryButton @insertEvent="insertEvent" @doSubmit="doSubmit" @reset="reset" @save="openF...原创 2020-04-17 13:42:39 · 3168 阅读 · 0 评论 -
vxe-table在vue中的使用
1、vxe-table使用editActivedEvent:编辑表格禁用状态getCode:表格点击方法//引入编码组件import codeForm from '@/components/viewComponents/codeForm' <!-- 编码弹出框组件 --> <codeForm ref="cform" :codes-no="codesNo" :...原创 2020-04-02 09:52:38 · 8909 阅读 · 0 评论