Добавление виртуализации в таблицу с сгруппированными строками в React
У меня есть рабочая версия таблицы UI материалов с Сгруппированные строки. https://codesandbox.io/s/1qzy3vvqp4
Теперь мне нужно уметь обрабатывать огромное количество строк (с группировкой).
Кто-нибудь делал это раньше? Как мне подойти к этому?
- Есть ли у
react-virtualizedкакие-то функции, которые я могу использовать? - Стоит ли пытаться вычислить собственные расчеты на основе
scrollHeightиscrollY. Если да, как это будет выглядеть, если мои данные разделены на несколько массивов для группировки?
Да. Вышеупомянутая ссылка на codeandbox была настолько велика, насколько я мог, и теперь она работает без разбивки на страницы или окон.
—
23.03.2019 18:50
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов
Проще говоря, компонент - это фабрика для создания элементов.
3
2
1 562
1
Ответы 1
Мне бы хотелось увидеть рабочий пример (так как я искал варианты группировки в таблицах реакции), но ссылка не работает.
Однако, основываясь на оставшейся информации, не глядя на код, я бы сказал:
- Да. И по их собственной рекомендации взгляните на окно реакции, который является переписанной версией первого.
- Также вы можете использовать библиотеку, которая может позаботиться об этом: реагировать виртуализированный автоматический размер
Другие вопросы по теме
Материальный интерфейс: избегайте разрывов строк между компонентами типографики
Как изменить дизайн IconButton в material-ui?
Значок круга при импорте аккаунта содержит ошибку
Переполнение ящика пользовательского интерфейса материала, вызывающее полосу прокрутки на теле
Все реквизиты и переменные состояния становятся неразрешенной переменной
Как изменить размер кнопки Material-ui
Select MenuItem не отображается при сохранении JSX в состоянии
Настроить макет списка
Material-ui выберите опцию "Избегать пустых"
Как мне установить фоновое изображение в теле с помощью API-интерфейсов material-ui?
Похожие вопросы
Как удалить отступ в меню Ant Design?
Ферментный тест не работает после обновления до React 16.4.1
Redux.js - создание промежуточного программного обеспечения для прослушивателя, которое прослушивает отправленное действие преобразователя
Как я могу отображать разные данные из одного компонента реакции?
Узнайте, зарегистрирован ли пользователь в Reactjs и firebase-google auth
React - изменить значение состояния дочернего компонента
React, js плохой синтаксис 400 ошибка запроса
Заставьте реакцию дождаться, пока все частичные страницы начнут рендеринг
ReactDOM.render не отображает изменения
Доступ к вложенному объекту
Вы нашли обходной путь для этого? Мне тоже нужно то же самое. в любом случае я использовал ваш код, чтобы он работал с группировкой. Но не может правильно обрабатывать нумерацию страниц. Я использую встроенные функции разбивки таблицы материалов на страницы. Также я видел, что есть плагин, основанный на material-ui, некоторые расширенные функции, к сожалению, это не бесплатно. Пожалуйста, обратитесь также по следующей ссылке. devexpress.github.io/devextreme-reactive/react/grid/demos/…