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-11-13 17:08:45 +08:00
parent a8bb30a065
commit 7a692f4b9c
21 changed files with 48 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
examples/views/table/base/Sort.vue
View File

@@ -43,7 +43,11 @@
height="300"
:data="tableData2">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :sort-by="sortNameMethod" sortable></vxe-table-column>
<vxe-table-column field="name" title="Name" :sort-by="sortNameMethod2" sortable>
<template #default="{ row }">
<span style="color: red;">名字：{{ row.name }}</span>
</template>
</vxe-table-column>
<vxe-table-column field="role" title="指定字段排序 num" sort-by="num" sortable></vxe-table-column>
<vxe-table-column field="num" title="Num" sortable></vxe-table-column>
</vxe-table>
@@ -211,7 +215,11 @@ export default {
height="300"
:data="tableData2">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :sort-by="sortNameMethod" sortable></vxe-table-column>
<vxe-table-column field="name" title="Name" :sort-by="sortNameMethod2" sortable>
<template #default="{ row }">
<span style="color: red;">名字：{{ row.name }}</span>
</template>
</vxe-table-column>
<vxe-table-column field="role" title="指定字段排序 num" sort-by="num" sortable></vxe-table-column>
<vxe-table-column field="num" title="Num" sortable></vxe-table-column>
</vxe-table>

2
examples/views/table/edit/CascadingSelect.vue
View File

@@ -11,6 +11,7 @@
<vxe-table
border
resizable
show-overflow
ref="xTable"
max-height="400"
:data="tableData"
@@ -68,6 +69,7 @@ export default {
<vxe-table
border
resizable
show-overflow
ref="xTable"
max-height="400"
:data="tableData"

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

@@ -5,6 +5,7 @@
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
@@ -81,6 +82,7 @@ export default {
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>

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

@@ -5,6 +5,7 @@
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'dblclick', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
@@ -76,6 +77,7 @@ export default {
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'dblclick', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>

2
examples/views/table/edit/DataCount.vue
View File

@@ -8,6 +8,7 @@
<vxe-table
border
resizable
show-overflow
show-footer
:data="tableData"
:footer-method="footerMethod"
@@ -50,6 +51,7 @@ export default {
<vxe-table
border
resizable
show-overflow
show-footer
:data="tableData"
:footer-method="footerMethod"

2
examples/views/table/edit/Events.vue
View File

@@ -5,6 +5,7 @@
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
@@ -43,6 +44,7 @@ export default {
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>

2
examples/views/table/edit/Expand.vue
View File

@@ -5,6 +5,7 @@
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>
@@ -58,6 +59,7 @@ export default {
<vxe-table
border
resizable
show-overflow
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="seq" width="60"></vxe-table-column>

2
examples/views/table/edit/Form.vue
View File

@@ -26,6 +26,7 @@
<vxe-table
border
resizable
show-overflow
:loading="loading"
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">
@@ -86,6 +87,7 @@ export default {
<vxe-table
border
resizable
show-overflow
:loading="loading"
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell'}">

2
examples/views/table/edit/PopupForm.vue
View File

@@ -12,6 +12,7 @@
border
resizable
row-key
show-overflow
highlight-hover-row
ref="xTable"
height="500"
@@ -110,6 +111,7 @@ export default {
border
resizable
row-key
show-overflow
highlight-hover-row
ref="xTable"
height="500"

2
examples/views/table/edit/RealtimeSave.vue
View File

@@ -6,6 +6,7 @@
border
resizable
keep-source
show-overflow
ref="xTable"
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell', showStatus: true, icon: 'fa fa-pencil'}"
@@ -42,6 +43,7 @@ export default {
border
resizable
keep-source
show-overflow
ref="xTable"
:data="tableData"
:edit-config="{trigger: 'click', mode: 'cell', showStatus: true, icon: 'fa fa-pencil'}"

2
examples/views/table/edit/Span.vue
View File

@@ -12,6 +12,7 @@
<vxe-table
border
show-overflow
ref="xTable"
height="500"
:loading="loading"
@@ -72,6 +73,7 @@ export default {
<vxe-table
border
show-overflow
ref="xTable"
height="500"
:loading="loading"

2
examples/views/table/edit/UniqueSelect.vue
View File

@@ -11,6 +11,7 @@
<vxe-table
border
resizable
show-overflow
ref="xTable"
max-height="400"
:data="tableData"
@@ -77,6 +78,7 @@ export default {
<vxe-table
border
resizable
show-overflow
ref="xTable"
max-height="400"
:data="tableData"

2
examples/views/table/grid/Basic.vue
View File

@@ -7,6 +7,7 @@
<vxe-grid
border
resizable
show-overflow
height="300"
:align="allAlign"
:columns="tableColumn"
@@ -54,6 +55,7 @@ export default {
<vxe-grid
border
resizable
show-overflow
height="300"
:align="allAlign"
:columns="tableColumn"

2
examples/views/table/grid/ConfigProxy.vue
View File

@@ -5,6 +5,7 @@
<vxe-grid
resizable
keep-source
show-overflow
height="528"
:filter-config="{remote: true}"
:toolbar-config="tableToolbar"
@@ -181,6 +182,7 @@ export default {
return {
xGridOptions: {
resizable: true,
showOverflow: true,
height: 528,
filterConfig: {
remote: true

2
examples/views/table/grid/CustomToolbar.vue
View File

@@ -6,6 +6,7 @@
border
resizable
keep-source
show-overflow
ref="xGrid"
height="530"
id="toolbar_demo_2"
@@ -74,6 +75,7 @@ export default {
border
resizable
keep-source
show-overflow
ref="xGrid"
height="530"
id="toolbar_demo_2"

2
examples/views/table/grid/Edit.vue
View File

@@ -6,6 +6,7 @@
border
resizable
keep-source
show-overflow
ref="xGrid"
height="530"
:loading="loading"
@@ -66,6 +67,7 @@ export default {
border
resizable
keep-source
show-overflow
ref="xGrid"
height="530"
:loading="loading"

2
examples/views/table/grid/Footer.vue
View File

@@ -9,6 +9,7 @@
border
stripe
resizable
show-overflow
show-footer
height="500"
:export-config="{}"
@@ -50,6 +51,7 @@ export default {
border
stripe
resizable
show-overflow
show-footer
height="500"
:export-config="{}"

2
examples/views/table/grid/Form.vue
View File

@@ -5,6 +5,7 @@
<vxe-grid
resizable
border
show-overflow
height="400"
:export-config="{}"
:loading="loading"
@@ -61,6 +62,7 @@ export default {
<vxe-grid
resizable
border
show-overflow
height="400"
:export-config="{}"
:loading="loading"

2
examples/views/table/grid/FormProxy.vue
View File

@@ -5,6 +5,7 @@
<vxe-grid
resizable
border
show-overflow
height="400"
:export-config="{}"
:pager-config="tablePage"
@@ -66,6 +67,7 @@ export default {
<vxe-grid
resizable
border
show-overflow
height="400"
:export-config="{}"
:loading="loading"

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "vxe-table",
"version": "3.0.0-beta.22",
"version": "3.0.0-beta.23",
"description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
"scripts": {
"serve": "vue-cli-service serve",

13
packages/table/src/body.js
View File

@@ -365,9 +365,6 @@ function renderRows (h, _vm, $xetable, $seq, rowLevel, fixedType, tableData, tab
/**
* 同步滚动条
* scroll 方式：可以使固定列与内容保持一致的滚动效果，实现相对麻烦
* mousewheel 方式：对于同步滚动效果就略差了，左右滚动，内容跟随即可
* css3 translate 方式：对于同步滚动效果会有产生卡顿感觉，虽然可以利用硬件加速，渲染性能略优，但失去table布局能力
*/
let scrollProcessTimeout
function syncBodyScroll (scrollTop, elem1, elem2) {
@@ -388,7 +385,7 @@ function syncBodyScroll (scrollTop, elem1, elem2) {
if (elem2) {
elem2.onscroll = elem2._onscroll
}
}, 100)
}, 300)
}
}
@@ -577,14 +574,6 @@ export default {
}
if (scrollXLoad && isX) {
$xetable.triggerScrollXEvent(evnt)
if (headerElem && scrollLeft + bodyElem.clientWidth >= bodyElem.scrollWidth - 80) {
// 修复拖动滚动条时可能存在不同步问题
this.$nextTick(() => {
if (bodyElem.scrollLeft !== headerElem.scrollLeft) {
headerElem.scrollLeft = bodyElem.scrollLeft
}
})
}
}
if (scrollYLoad && isY) {
$xetable.triggerScrollYEvent(evnt)