github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-27 05:15:43 +08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

fix(useTableFooter): not synchronization scroll bug (#2022)

Browse Source 
Co-authored-by: 隆杰 <longjie.li@taxsoyea.net>
This commit is contained in:
BlackTooth 2022-07-05 11:43:53 +08:00 committed by GitHub
parent 4730b3af31
commit 0f50e0458e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Table/src/hooks/useTableFooter.ts
View File

@ -36,14 +36,13 @@ export function useTableFooter(
nextTick(() => { nextTick(() => {
const tableEl = unref(tableElRef); const tableEl = unref(tableElRef);
if (!tableEl) return; if (!tableEl) return;
const bodyDomList = tableEl.$el.querySelectorAll('.ant-table-body'); const bodyDom = tableEl.$el.querySelector('.ant-table-content');
const bodyDom = bodyDomList[0];
useEventListener({ useEventListener({
el: bodyDom, el: bodyDom,
name: 'scroll', name: 'scroll',
listener: () => { listener: () => {
const footerBodyDom = tableEl.$el.querySelector( const footerBodyDom = tableEl.$el.querySelector(
'.ant-table-footer .ant-table-body', '.ant-table-footer .ant-table-content',
) as HTMLDivElement; ) as HTMLDivElement;
if (!footerBodyDom || !bodyDom) return; if (!footerBodyDom || !bodyDom) return;
footerBodyDom.scrollLeft = bodyDom.scrollLeft; footerBodyDom.scrollLeft = bodyDom.scrollLeft;