Есть таблица. Прокручивается по горизонтали, справа я изобразил типо есть еще ячейки с данными.
Внутри может встречаться строка (
Ratings 100 -
Answer) содержимое которой фиксировано при прокрутке по горизонтали.
Возникло два вопроса:
1. Как сделать так, чтобы остальные строки прокручивались, а эта оставалась фиксированной?
Сейчас если прокрутить до конца вправо, данные в этой строке уезжают влево и их не видно. Потому что у контейнера задан
position: relative, а у текста в этой строке
position: absolute с
left:0 и
right:0 соответственно. И получается, что правая часть как бы приклеина к ширине контейнера.
Первое что пришло в голову, вычислять скролл и подставлять нужное значение в правый элемент для отступа
Отсюда вытекает второй вопрос.
2. Можно повесить отслеживание скрола на таблицу, но как правильней это сделать, чтобы компонент не перерисовывался?
Нужно ли использовать useEffect и useRef для этого?
Простой