Задать вопрос
@vitas2008

Как по кнопке вызвать скролл в таблице Ant Design до первой строки?

Подскажите, как в таблице внутри страницы, вызвать скролл по кнопке до первой строки. Использую таблицу Ant Design.
предполагаю как-то так, не работает:

import React, { useRef } from "react"
const tableRef = useRef(null);

const handleAdd = () => {
    if(tableRef != null){
      //@ts-ignore
      tableRef.current.scrollTop = 0
      };
    // document.body.scrollTop = 0; // For Safari
    // document.documentElement.scrollTop = 0;
}

<Button onClick={handleAdd}/>
        <Table
          scroll={{ 
            y: 400 }}
          ref={tableRef}
          columns={columns}
          dataSource={data}
          pagination={false}
        />
  • Вопрос задан
  • 559 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
tableRef.current.querySelector('.ant-table-body').scrollTop = 0;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽