Skip to content

fix: render vue components in top frozen rows - #5268

Merged
fangsmile merged 1 commit into
VisActor:developfrom
biubiukam:fix/issue-5265-vue-frozen-row-dom
Aug 5, 2026
Merged

fix: render vue components in top frozen rows#5268
fangsmile merged 1 commit into
VisActor:developfrom
biubiukam:fix/issue-5265-vue-frozen-row-dom

Conversation

@biubiukam

Copy link
Copy Markdown
Contributor

🤔 这个分支是...

  • Bug fix
  • 测试 case 更新

🔗 相关 issue 连接

close #5265

💡 问题的背景&解决方案

顶部冻结数据行位于顶部冻结区域,但 Vue DOM 自定义布局此前仍使用 body 容器,导致组件挂载到错误的覆盖层并显示为空白。

本次修改补充了顶部冻结行的容器路由:

  • 普通列使用 headerDomContainer
  • 左冻结列使用 frozenHeaderDomContainer
  • 右冻结列使用 rightFrozenHeaderDomContainer

底部冻结行的现有判断优先级保持不变,并新增三个回归场景覆盖上述容器映射。

📝 Changelog

Language Changelog
🇺🇸 English Render Vue DOM components correctly in top frozen rows.
🇨🇳 Chinese 修复顶部冻结行中的 Vue DOM 组件无法正常显示的问题。

☑️ 自测

  • 文档不需要更新
  • Demo 不需要更新
  • Ts 类型定义不需要更新
  • Changelog 已提供

验证结果:

  • npm test -- --runInBand vue-stable-id.test.ts:11/11 通过
  • npm run compile:通过
  • rush build -t @visactor/vue-vtable:通过,存在仓库既有构建 warning
  • rush change --verify --target-branch upstream/develop --no-fetch:通过
  • ESLint:0 error,25 个既有 warning
  • Prettier:通过

正常 push 触发的全量 pre-push 测试中,vue-vtable 11/11、vtable 274/274、vtable-plugins 64/64、vtable-gantt 25/25 均通过。未改动的 vtable-sheet 包存在既有失败,主要为 @visactor/vtable-plugins / @visactor/vtable-gantt 模块解析问题,另有两个公式错误处理断言差异;本次差异不涉及该包。

@fangsmile
fangsmile merged commit 1026bc7 into VisActor:develop Aug 5, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Breaks the vue component display when the row is pinned

2 participants