Table header and Table body is not align after updating from version 2.5.7 to 4.3.1
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- bootstrap, javascript, react
- 领域
- frontend
调研方向
从 src/BootstrapTable.js 中大约第 1476 行开始，查看 _adjustHeaderWidth 检查 isScroll 和 isVerticalScroll 的位置。复现从 2.5.7 升级到 4.3.1 后表头与表体错位的问题，检查由调整大小触发的宽度计算，并将此条件与旧版本进行比较；当不存在垂直滚动时表头和表体仍保持对齐，即表示完成。
由索引模型根据 Issue 内容生成。
描述
Hello,
We are using react-bootstrable-table 2.5.7 updating to the latest(4.3.1),
As I dig dipper I look into the library, react-bootstrap-table column width actually computed, and every time the window is resize this will trigger the column width computation
The method is _adjustHeaderWidth, and there is a condition that preventing to compute the width,
https://github.com/AllenFang/react-bootstrap-table/blob/master/src/BootstrapTable.js#L1476
if (isScroll || this.isVerticalScroll !== isScroll) {
but 2.5.7 version without this condition the alignment is fine.
The condition actually is isScroll to check if there is a scroll which is always false(As I check in our case).
tbody.parentNode.getBoundingClientRect().height and
tbody.parentNode.parentNode.getBoundingClientRect().height has the same value
and isVerticalScroll is initialize to false
Please advise.
Thank you!
- 主要语言
- JavaScript
- 星标
- 2.2k
- 派生
- 758
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
AllenFang/react-bootstrap-table 的其他 Issue
-
难度 1/5 1 小时以内 新手友好度 65/100
AllenFang/react-bootstrap-table#2053 ·
-
难度 3/5 1-2 天 新手友好度 20/100
AllenFang/react-bootstrap-table#2144 · 1 条评论 ·
-
难度 4/5 3-5 天 新手友好度 20/100
AllenFang/react-bootstrap-table#2143 ·
-
难度 4/5 3-5 天 新手友好度 25/100
AllenFang/react-bootstrap-table#2142 ·
-
难度 3/5 1-2 天 新手友好度 25/100
AllenFang/react-bootstrap-table#2141 ·
查看 AllenFang/react-bootstrap-table 的全部 Issue
相似的 Issue
-
needs-triage
难度 2/5 1-3 小时 新手友好度 76/100
melodic-software/claude-code-plugins#9619 ·
维护者通常 1 天内回复
-
bug Frontend P2-medium UI UX
难度 1/5 1 小时以内 新手友好度 76/100
Deepak3699/Ai_Mentor#427 ·
维护者通常 1 天内回复
-
area: core
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
venn: a name that starts with set-, union-, text- or style- followed by a letter is a parse error未关闭
难度 2/5 1-3 小时 新手友好度 82/100
obsidianmd/pele#65 ·
维护者通常 3 天内回复
-
needs-triage
难度 2/5 1-3 小时 新手友好度 78/100
11ty/buildawesome#4407 · 1 个 reaction ·
维护者通常 1 天内回复