Skip to content

Commit 0ff329a

Browse files
committed
fix(grid): [grid] fix scrollLeft error after header drag resize
1 parent cd468ac commit 0ff329a

File tree

1 file changed

+16
-1
lines changed
  • packages/vue/src/grid/src/header/src

1 file changed

+16
-1
lines changed

packages/vue/src/grid/src/header/src/header.ts

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -412,7 +412,22 @@ const documentOnmouseup = function ({
412412
Object.assign($table, { _isResize: false, _lastResizeTime: Date.now() })
413413

414414
$table.analyColumnWidth()
415-
$table.recalculate()
415+
$table.recalculate().then(() => {
416+
// 拖拽后,需要同步表头的scrollLeft
417+
const { tableBody, tableFooter, tableHeader } = $table.$refs || {}
418+
const headerElm = tableHeader?.$el
419+
const bodyElm = tableBody?.$el
420+
const footerElm = tableFooter?.$el
421+
if (!headerElm) {
422+
return
423+
}
424+
if (bodyElm) {
425+
bodyElm.scrollLeft = headerElm.scrollLeft
426+
}
427+
if (footerElm) {
428+
footerElm.scrollLeft = headerElm.scrollLeft
429+
}
430+
})
416431
updateResizableToolbar($table)
417432
emitEvent($table, 'resizable-change', [params])
418433
}

0 commit comments

Comments
 (0)