Встречается на собеседованиях • сегодня
Как реализовывал таблицу с бесконечным scroll
Для реализации бесконечного скролла в таблице обычно используют:
1. Виртуализацию (рендерим только видимые строки) + IntersectionObserver или scroll-событие
2. Подгрузку данных при достижении конца списка
Пример на React с IntersectionObserver:
```jsx
const TableWithInfiniteScroll = () => {
const [data, setData] = useState([]);
const [page, setPage] = useState(1);
const loaderRef = useRef(null);
useEffect(() => {
const observer = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting) {
loadMoreData();
}
});
if (loaderRef.current) observer.observe(loaderRef.current);
return () => observer.disconnect();
}, []);
const loadMoreData = async () => {
const newData = await fetchData(page);
setData(prev => [...prev, ...newData]);
setPage(prev => prev + 1);
};
return (
{/* рендер данных */}
);
};
```
Ключевые моменты:
- Оптимизация через виртуализацию для больших данных
- Дебаунс scroll-событий
- Обработка ошибок загрузки
- Сброс состояния при изменении параметров

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы