Hacktoberfest 2026:維護者為十月標記出來的 issue,仍然開放、適合新手。 瀏覽 Hacktoberfest issue

Sticky时,底部scroll-bar显示异常

未關閉
#1,010 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
2/5
預估耗時
1-3 小時
新手友好度
52/100
Issue 類型
缺陷
描述清晰度
基本清楚
活躍度
停滯
技術堆疊
react, typescript
領域
frontend

研究方向

從 rc-table/es/stickyScrollBar.js 開始,重點關注 onContainerScroll 以及表格主體高度的讀取方式。重現一個資料快速變化的 sticky 表格,然後驗證更新後底部捲軸的可見性是否跟隨渲染後的主體高度變化。完成標準是:在所回報的情境中捲軸正確,同時不影響正常的 sticky 捲動。

由索引模型根據 Issue 內容生成。

描述

在使用table sticky时,部分场景下发现
image

经排查,发现在计算scrollbar是否需要显示时,table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js :
onContainerScroll
推测是由于table数据再短时间内发生了变化,计算时只用了第一次传入的table数据。
经修改,加入以下代码可以解决问题


  const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
  React.useEffect(()=>{

    if(bodyHeight){

      onContainerScroll();

    }
  },[bodyHeight])

主要語言
TypeScript
星號
1.4k
分支
619
PR 合併指標
30 天內沒有已合併 PR

環境準備

這個專案沒有提供開發容器、Dockerfile 或貢獻指南,環境需要你自己搭建:先看它的 README,通用步驟見我們的新手貢獻指南。

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

react-component/table 的其他 Issue

查看 react-component/table 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。