@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}
        />
  • Вопрос задан
  • 248 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
tableRef.current.querySelector('.ant-table-body').scrollTop = 0;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 мая 2024, в 06:10
4000 руб./за проект
04 мая 2024, в 05:49
10000 руб./за проект
04 мая 2024, в 03:57
10000 руб./за проект