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

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

Похожие вопросы