作者frank61003 (驼龟)
看板Ajax
标题[问题] react 使用useRef设定table scroll位置
时间Thu Jan 20 00:09:52 2022
如题
我要使用react做一个班表
第一行为日期
第一列为人员(设定position: sticky)
要有一个按钮可以让今天这一列滑动到第二列(人员旁边)对齐
目前是使用useRef并把他指定给第一行显示今日的<td>
然後在按钮onClick设定
ref.current.scrollTo(100,0)
数字先给固定值
按下按钮後完全没有反应
但是更改为
ref.current.scrollIntoView()
如果今日那列在画面右边外面
今日那一列就会往左滑动出现
但是因为第一列设定为sticky
所以今日那一列在左边的话
往右滑到出现会被第一列挡住
不太确定为何在<table>中scrollTo的方法无法使用
还请大大解惑
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.32.10.28 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1642608594.A.F9B.html