lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity

修复工具栏隐藏列显示层级错误问题

Browse Source
This commit is contained in:
xuliangzhan
2020-06-24 19:56:09 +08:00
parent 1bf4259ce7
commit c05cbce356
17 changed files with 47 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/static/css/api.b4a8e07d.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.b1a06728.css rel=prefetch><link href=/vxe-table/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/static/js/advanced.65bcd16f.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.094b74c2.js rel=prefetch><link href=/vxe-table/static/js/api.cab2d6a2.js rel=prefetch><link href=/vxe-table/static/js/base.d162d7df.js rel=prefetch><link href=/vxe-table/static/js/edit.96b8a06b.js rel=prefetch><link href=/vxe-table/static/js/excel.6924ca72.js rel=prefetch><link href=/vxe-table/static/js/grid.a74aa483.js rel=prefetch><link href=/vxe-table/static/js/module.f9b8f30d.js rel=prefetch><link href=/vxe-table/static/js/other.fdd1e071.js rel=prefetch><link href=/vxe-table/static/js/plugin.9a3c8548.js rel=prefetch><link href=/vxe-table/static/js/scroll.ac4b599a.js rel=prefetch><link href=/vxe-table/static/js/start.995761ed.js rel=prefetch><link href=/vxe-table/static/js/tree.b1cb81a4.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.ea0ea3e3.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.368a396c.css rel=preload as=style><link href=/vxe-table/static/css/index.eff9104d.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.80f42543.js rel=preload as=script><link href=/vxe-table/static/js/index.eb5af06b.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.368a396c.css rel=stylesheet><link href=/vxe-table/static/css/index.eff9104d.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.80f42543.js></script><script src=/vxe-table/static/js/index.eb5af06b.js></script></body></html>
})();</script><link href=/vxe-table/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/static/css/api.b4a8e07d.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.b1a06728.css rel=prefetch><link href=/vxe-table/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/static/js/advanced.65bcd16f.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.094b74c2.js rel=prefetch><link href=/vxe-table/static/js/api.cab2d6a2.js rel=prefetch><link href=/vxe-table/static/js/base.42393b2a.js rel=prefetch><link href=/vxe-table/static/js/edit.96b8a06b.js rel=prefetch><link href=/vxe-table/static/js/excel.6924ca72.js rel=prefetch><link href=/vxe-table/static/js/grid.a74aa483.js rel=prefetch><link href=/vxe-table/static/js/module.f9b8f30d.js rel=prefetch><link href=/vxe-table/static/js/other.fdd1e071.js rel=prefetch><link href=/vxe-table/static/js/plugin.9a3c8548.js rel=prefetch><link href=/vxe-table/static/js/scroll.ac4b599a.js rel=prefetch><link href=/vxe-table/static/js/start.995761ed.js rel=prefetch><link href=/vxe-table/static/js/tree.b1cb81a4.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.ea0ea3e3.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.368a396c.css rel=preload as=style><link href=/vxe-table/static/css/index.eff9104d.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.80f42543.js rel=preload as=script><link href=/vxe-table/static/js/index.ad7627e8.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.368a396c.css rel=stylesheet><link href=/vxe-table/static/css/index.eff9104d.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.80f42543.js></script><script src=/vxe-table/static/js/index.ad7627e8.js></script></body></html>

2
docs/static/js/base.d162d7df.js → docs/static/js/base.42393b2a.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/static/js/index.eb5af06b.js → docs/static/js/index.ad7627e8.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/v1/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v1/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/v1/static/css/api.c7b35ffb.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.017f2ee7.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/v1/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/v1/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.a61bb4fe.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.094b74c2.js rel=prefetch><link href=/vxe-table/v1/static/js/api.dcfef6a8.js rel=prefetch><link href=/vxe-table/v1/static/js/base.2b4eda65.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.87ac5a7c.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.622d4c3e.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.9a8d55b0.js rel=prefetch><link href=/vxe-table/v1/static/js/module.6946cff9.js rel=prefetch><link href=/vxe-table/v1/static/js/other.df6cf3b4.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.67a4ebe7.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.5a014777.js rel=prefetch><link href=/vxe-table/v1/static/js/start.3910f48a.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.122437e1.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.cb5e3cb5.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.296380ac.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.6bfbeefd.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.46048ca3.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.862f6b08.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.296380ac.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.6bfbeefd.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.46048ca3.js></script><script src=/vxe-table/v1/static/js/index.862f6b08.js></script></body></html>
})();</script><link href=/vxe-table/v1/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/v1/static/css/api.c7b35ffb.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.017f2ee7.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/v1/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/v1/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.a61bb4fe.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.094b74c2.js rel=prefetch><link href=/vxe-table/v1/static/js/api.dcfef6a8.js rel=prefetch><link href=/vxe-table/v1/static/js/base.97505fb9.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.87ac5a7c.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.622d4c3e.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.9a8d55b0.js rel=prefetch><link href=/vxe-table/v1/static/js/module.6946cff9.js rel=prefetch><link href=/vxe-table/v1/static/js/other.df6cf3b4.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.67a4ebe7.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.5a014777.js rel=prefetch><link href=/vxe-table/v1/static/js/start.3910f48a.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.122437e1.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.cb5e3cb5.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.296380ac.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.6bfbeefd.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.46048ca3.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.ce071208.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.296380ac.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.6bfbeefd.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.46048ca3.js></script><script src=/vxe-table/v1/static/js/index.ce071208.js></script></body></html>

2
docs/v2/static/js/base.f9f724dc.js → docs/v1/static/js/base.97505fb9.js
View File

File diff suppressed because one or more lines are too long

2
docs/v1/static/js/index.862f6b08.js → docs/v1/static/js/index.ce071208.js
View File

File diff suppressed because one or more lines are too long

2
docs/v2/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v2/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/v2/static/css/api.c7b35ffb.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.b1a06728.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/v2/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/v2/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.5197b271.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.8747deed.js rel=prefetch><link href=/vxe-table/v2/static/js/api.6e793cbe.js rel=prefetch><link href=/vxe-table/v2/static/js/base.f9f724dc.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.90684cdf.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.4fc18d0d.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.ef039583.js rel=prefetch><link href=/vxe-table/v2/static/js/module.6c8d2aec.js rel=prefetch><link href=/vxe-table/v2/static/js/other.f457b53a.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.77467e72.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.159cbea2.js rel=prefetch><link href=/vxe-table/v2/static/js/start.1cd5a96c.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.34ca3518.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.17c87637.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.42a92978.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.c59d655f.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.4546a619.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.b58651ad.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.42a92978.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.c59d655f.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.4546a619.js></script><script src=/vxe-table/v2/static/js/index.b58651ad.js></script></body></html>
})();</script><link href=/vxe-table/v2/static/css/advanced.3c62f8cf.css rel=prefetch><link href=/vxe-table/v2/static/css/api.c7b35ffb.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.b1a06728.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.6b86096d.css rel=prefetch><link href=/vxe-table/v2/static/css/module.e0bd087a.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.c0725010.css rel=prefetch><link href=/vxe-table/v2/static/css/start.5efdb0fc.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.ed2ad876.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.e12a73ff.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.5197b271.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.8747deed.js rel=prefetch><link href=/vxe-table/v2/static/js/api.6e793cbe.js rel=prefetch><link href=/vxe-table/v2/static/js/base.11d8c1cb.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.90684cdf.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.4fc18d0d.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.ef039583.js rel=prefetch><link href=/vxe-table/v2/static/js/module.6c8d2aec.js rel=prefetch><link href=/vxe-table/v2/static/js/other.f457b53a.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.77467e72.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.159cbea2.js rel=prefetch><link href=/vxe-table/v2/static/js/start.1cd5a96c.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.34ca3518.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.17c87637.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.42a92978.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.c59d655f.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.4546a619.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.c16df794.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.42a92978.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.c59d655f.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.4546a619.js></script><script src=/vxe-table/v2/static/js/index.c16df794.js></script></body></html>

2
docs/v1/static/js/base.2b4eda65.js → docs/v2/static/js/base.11d8c1cb.js
View File

File diff suppressed because one or more lines are too long

2
docs/v2/static/js/index.b58651ad.js → docs/v2/static/js/index.c16df794.js
View File

File diff suppressed because one or more lines are too long

2
examples/views/table/base/Width.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<p class="tip">
列宽，通过设置 <table-column-api-link prop="width"/> 参数，支持固定像素、百分比、自适应等，如果不设置则全部均匀分配<br>
列宽，通过设置 <table-column-api-link prop="width"/> 参数，支持固定像素、百分比、等比例分配等，如果不设置则全部均匀分配<br>
<span class="red">(注：不应该全部都使用固定像素，应该当所有列加起来的宽度小于表格宽度时，就会出现空白区，可以配合 "%" 或 "<table-column-api-link prop="min-width"/>" 实现等比例缩放)</span>
</p>

12
examples/views/table/edit/AutoClear.vue
View File

@@ -10,10 +10,10 @@
:data="tableData"
:edit-config="{ trigger: 'manual', mode: 'row', autoClear: false}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: 'select', options: sexList}"></vxe-table-column>
<vxe-table-column field="date" title="Date" :edit-render="{name: 'input', attrs: { type: 'date' }}"></vxe-table-column>
<vxe-table-column field="num" title="Num" :edit-render="{name: 'input', attrs: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date" title="Date" :edit-render="{name: 'input', immediate: true, attrs: { type: 'date' }}"></vxe-table-column>
<vxe-table-column field="num" title="Num" :edit-render="{name: 'input', immediate: true, attrs: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea'}"></vxe-table-column>
<vxe-table-column title="操作">
<template v-slot="{ row }">
@@ -56,10 +56,10 @@ export default {
:data="tableData"
:edit-config="{ trigger: 'manual', mode: 'row', autoClear: false}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: 'select', options: sexList}"></vxe-table-column>
<vxe-table-column field="date" title="Date" :edit-render="{name: 'input', attrs: { type: 'date' }}"></vxe-table-column>
<vxe-table-column field="num" title="Num" :edit-render="{name: 'input', attrs: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date" title="Date" :edit-render="{name: 'input', immediate: true, attrs: { type: 'date' }}"></vxe-table-column>
<vxe-table-column field="num" title="Num" :edit-render="{name: 'input', immediate: true, attrs: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea'}"></vxe-table-column>
<vxe-table-column title="操作">
<template v-slot="{ row }">

16
examples/views/table/edit/Click.vue
View File

@@ -10,8 +10,8 @@
@edit-actived="editActivedEvent"
@edit-closed="editClosedEvent">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex6" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value2', label: 'label'}}"></vxe-table-column>
<vxe-table-column field="num1" title="Amount" :edit-render="{name: '$input', props: {type: 'float', digits: 2}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
@@ -35,8 +35,8 @@
:edit-config="{trigger: 'click', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column title="分组1">
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex2" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value', label: 'spell'}}"></vxe-table-column>
</vxe-table-column>
<vxe-table-column title="分组2">
@@ -75,8 +75,8 @@ export default {
@edit-actived="editActivedEvent"
@edit-closed="editClosedEvent">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex6" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value2', label: 'label'}}"></vxe-table-column>
<vxe-table-column field="num1" title="Amount" :edit-render="{name: '$input', props: {type: 'float', digits: 2}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
@@ -119,8 +119,8 @@ export default {
:edit-config="{trigger: 'click', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column title="分组1">
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex2" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value', label: 'spell'}}"></vxe-table-column>
</vxe-table-column>
<vxe-table-column title="分组2">

20
examples/views/table/edit/DBLClick.vue
View File

@@ -10,8 +10,8 @@
@edit-actived="editActivedEvent"
@edit-closed="editClosedEvent">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: '$select', options: sexList}"></vxe-table-column>
<vxe-table-column field="num1" title="Amount" :edit-render="{name: '$input', props: {type: 'float', digits: 2}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
@@ -33,12 +33,12 @@
:data="tableData"
:edit-config="{trigger: 'dblclick', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex4" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value2', label: 'spell'}}"></vxe-table-column>
<vxe-table-column field="num6" title="Number" :edit-render="{name: '$input', props: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date13" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
</vxe-table>
<p class="demo-code">{{ $t('app.body.button.showCode') }}</p>
@@ -67,8 +67,8 @@ export default {
:data="tableData"
:edit-config="{trigger: 'dblclick', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: '$select', options: sexList}"></vxe-table-column>
<vxe-table-column field="num1" title="Amount" :edit-render="{name: '$input', props: {type: 'float', digits: 2}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
@@ -109,12 +109,12 @@ export default {
:data="tableData"
:edit-config="{trigger: 'dblclick', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex4" title="Sex" :edit-render="{name: '$select', options: sexList, optionProps: {value: 'value2', label: 'spell'}}"></vxe-table-column>
<vxe-table-column field="num6" title="Number" :edit-render="{name: '$input', props: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date13" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
</vxe-table>
`,
`

4
examples/views/table/edit/FooterImmediately.vue
View File

@@ -29,7 +29,7 @@
:edit-config="{trigger: 'click', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column title="统计信息">
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true}"></vxe-table-column>
<vxe-table-column field="age1" title="Age" :edit-render="{name: '$input', props: {type: 'number', min: 1, max: 120}, events: {input: updateFooterEvent}}"></vxe-table-column>
<vxe-table-column field="num6" title="Num" :edit-render="{name: 'input', immediate: true, events: {input: updateFooterEvent}}"></vxe-table-column>
<vxe-table-column field="rate1" title="Rate" :edit-render="{name: 'input', immediate: true, events: {input: updateFooterEvent}}"></vxe-table-column>
@@ -78,7 +78,7 @@ export default {
:edit-config="{trigger: 'click', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column title="统计信息">
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true}"></vxe-table-column>
<vxe-table-column field="age1" title="Age" :edit-render="{name: '$input', props: {type: 'number', min: 1, max: 120}, events: {input: updateFooterEvent}}"></vxe-table-column>
<vxe-table-column field="num6" title="Num" :edit-render="{name: 'input', immediate: true, events: {input: updateFooterEvent}}"></vxe-table-column>
<vxe-table-column field="rate1" title="Rate" :edit-render="{name: 'input', immediate: true, events: {input: updateFooterEvent}}"></vxe-table-column>

12
examples/views/table/edit/Manual.vue
View File

@@ -12,13 +12,13 @@
:data="tableData"
:edit-config="{trigger: 'manual', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: '$select', options: sexList}"></vxe-table-column>
<vxe-table-column field="num6" title="Number" :edit-render="{name: '$input', props: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
<vxe-table-column field="date13" title="Week" :edit-render="{name: '$input', props: {type: 'week'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea'}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea', immediate: true}"></vxe-table-column>
<vxe-table-column title="操作" width="160">
<template v-slot="{ row }">
<template v-if="$refs.xTable.isActiveByRow(row)">
@@ -63,13 +63,13 @@ export default {
:data="tableData"
:edit-config="{trigger: 'manual', mode: 'row'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="role" title="Role" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input', immediate: true, attrs: {type: 'text'}}"></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :edit-render="{name: '$select', options: sexList}"></vxe-table-column>
<vxe-table-column field="num6" title="Number" :edit-render="{name: '$input', props: {type: 'number'}}"></vxe-table-column>
<vxe-table-column field="date12" title="Date" :edit-render="{name: '$input', props: {type: 'date'}}"></vxe-table-column>
<vxe-table-column field="date13" title="Week" :edit-render="{name: '$input', props: {type: 'week'}}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea'}"></vxe-table-column>
<vxe-table-column field="address" title="Address" :edit-render="{name: 'textarea', immediate: true}"></vxe-table-column>
<vxe-table-column title="操作" width="160">
<template v-slot="{ row }">
<template v-if="$refs.xTable.isActiveByRow(row)">

5
packages/table/src/methods.js
View File

@@ -313,7 +313,10 @@ const Methods = {
}
fullColumnMap.clear()
if (isGroup) {
XEUtils.eachTree(collectColumn, handleFunc)
XEUtils.eachTree(collectColumn, (column, index, items, path, parent, nodes) => {
column.level = nodes.length
handleFunc(column, index)
})
} else {
tableFullColumn.forEach(handleFunc)
}

2
packages/table/src/table.js
View File

@@ -441,7 +441,7 @@ export default {
},
// 是否使用了分组表头
isGroup () {
return this.collectColumn.some(column => UtilTools.hasChildrenList(column))
return this.collectColumn.some(UtilTools.hasChildrenList)
},
hasTip () {
return VXETable._tooltip