Блог

Моя задача — отобразить массив объектов в виде таблицы в моем приложении React с некоторыми базовыми фильтрами (дата до / после и т. Д.). Объект имеет 5-6 полей (пол, адрес электронной почты, статус, дата ..). Я не хочу отображать все объекты сразу, скорее я хочу создать виртуальную таблицу, которая отображает 20-30 элементов одновременно, а при прокрутке будут отображаться следующие 20-30 элементов. Я много исследовал это, и я нашел React-Virtualized, React-Table, React-Window для решения этой задачи.

Чего я не понимаю, так это того, что в некоторых примерах предлагается использовать React-table с react-window, а в некоторых — только React-Virtualized или react-window . А также React-Virtualized и React-window созданы для списков и сеток. Но мне нужна таблица. Со вчерашнего вечера я совсем запутался, какая библиотека подходит для моего варианта использования. Помогите мне понять, пожалуйста.

Я не думаю, что вам следует сразу искать библиотеку, которая сделает это за вас.

Вы можете легко сделать это самостоятельно, например, поместив 30 элементов в таблицу и добавив обработчик прокрутки к элементу таблицы.

Затем, когда пользователь прокрутил страницу вниз, вы просто загружаете дополнительные элементы.

Если вы хотите сделать его еще более эффективным и продвинутым, вы можете повторно использовать 30 элементов, которые вы уже создали.