[問題] react 使用useRef設定table scroll位置

作者: frank61003 (駝龜)   2022-01-20 00:09:52
如題
我要使用react做一個班表
第一行為日期
第一列為人員(設定position: sticky)
要有一個按鈕可以讓今天這一列滑動到第二列(人員旁邊)對齊
目前是使用useRef並把他指定給第一行顯示今日的<td>
然後在按鈕onClick設定
ref.current.scrollTo(100,0)
數字先給固定值
按下按鈕後完全沒有反應
但是更改為
ref.current.scrollIntoView()
如果今日那列在畫面右邊外面
今日那一列就會往左滑動出現
但是因為第一列設定為sticky
所以今日那一列在左邊的話
往右滑到出現會被第一列擋住
不太確定為何在<table>中scrollTo的方法無法使用
還請大大解惑
謝謝

Links booklink

Contact Us: admin [ a t ] ucptt.com