Вопросы по теме 'react-virtualized'

Вложенный Json в таблицу - React-Virtualized
Я использую Table из «react-virtualized». Я получаю вложенные данные, которые хочу отобразить в своей настраиваемой строке. Моя проблема - привязать вложенный json к моему столбцу dataKey. data= { name:'Chris', age:'15',...
1923 просмотров
schedule 19.09.2021

Как я могу заставить заголовок столбца обернуть в виртуализированную реакцию?
У меня есть виртуализированная реакция Table с длинными заголовками столбцов, и я хочу, чтобы заголовки столбцов оборачивались, а не заканчивались многоточием. Кто-нибудь знает, как это сделать? Для справки, вот пример кода: makeTable =...
1545 просмотров
schedule 11.10.2021

Как рассчитать высоту текста без рендеринга в DOM?
Я использую виртуализированный список ( react-virtualized ), где требуется высота элементов моего списка и может сильно отличаться. Из-за больших различий любая оценка высоты, которую я даю библиотеке, дает плохой опыт. Обычный метод расчета...
664 просмотров
schedule 07.09.2021

Реагирующий виртуализированный InfiniteLoader ничего не отображает
Как следует из названия, InfiniteLoader не отображает никаких элементов. Кажется, у меня все настроено правильно, и в коллекции есть много элементов для рендеринга, но на странице ничего не отображается. Вот метод рендеринга: render() {...
1518 просмотров

Как использовать CellMeasurer в React-Virtualized Table?
Я использую React-Virtualized Table для визуализации таблицы с большим количеством строк. Я не хочу, чтобы мой длинный текст обрезался из-за фиксированной ширины столбца, поэтому я хочу использовать CellMeasurer для динамического измерения ширины....
4774 просмотров
schedule 09.04.2022

реагировать-виртуализированный бесконечный цикл исчезновения / повторного появления полосы прокрутки
В настоящее время я использую виртуализированную реакцию для отображения огромных списков. Когда я изменяю размер и достигаю определенной ширины, возникает точка, в которой полоса прокрутки бесконечно исчезает и появляется снова, даже если...
361 просмотров
schedule 14.04.2022

Перекрытие элементов при использовании списка динамической высоты
У меня почти такая же проблема, как у Facebook при рендеринге фида. Как только отрисовывается много постов, появляются проблемы с производительностью. После некоторых исследований я обнаружил, что react-virtualized — это круто, но у меня возникли...
1528 просмотров
schedule 02.06.2022

React Virtualized: липкий контент в коллекции
Можно ли позволить содержимому ячейки в реактивно-виртуализированной коллекции прилипать к стороне при прокрутке? Обычно я делаю это, используя липкую позицию, но это не работает для контента в коллекции. Я создаю Grid TV Guide, как показано на...
288 просмотров
schedule 31.05.2022

Анимировать прокрутку до загруженного элемента
Я использую List внутри InfiniteLoader . Можно ли анимировать прокрутку к определенному загруженному элементу? Я думаю, что анимация важна, так как она дает списку время для вычисления высоты каждой строки. Я пытался использовать...
423 просмотров
schedule 09.06.2022

Добавить столбец «серийный номер» в таблицу реагирующих виртуализированных материалов?
Я пытаюсь включить дополнительный столбец, демонстрирующий серийный номер для виртуализированной таблицы реакции. давайте возьмем простой пример таблицы. Также, если мы сортируем эту таблицу, серийный номер не должен изменяться. Любые идеи? PS:...
1309 просмотров
schedule 18.06.2022

React Virtualized — по щелчку, разверните строки для получения дополнительных сведений
У меня есть требование открыть/закрыть дополнительные сведения о строке. Кто-нибудь реализовал или есть идеи о том, как реализовать функцию развертывания/свертывания для каждой строки?
11410 просмотров
schedule 28.06.2022

Как щелкнуть необработанный виртуализированный элемент в TestCafe
Я использую react-virtualized для длинного (более 1000) списка элементов для выбора. И я пытаюсь настроить сквозной тест, который требует нажатия на один из элементов, которые в настоящее время не отображаются. Обычно я бы просто использовал...
284 просмотров

Как выбрать строку в реагирующей виртуализированной сетке?
В одном из своих проектов я использую React Virtualized Grid. Одним из требований является выбор строки всякий раз, когда пользователь нажимает на нее. Другими словами, я хочу выделить эту полную строку, так как она содержит большое количество...
293 просмотров
schedule 17.07.2022

React-Virtualized: CellRender переходит в следующую строку
Я создаю приложение с помощью React-virtualized Table. Я добавил несколько пользовательских рендеров ячеек внутри каждой строки. Например, Label или Img. Все отлично работает, но есть странное поведение. Внутри одной ячейки я добавил простой...
306 просмотров
schedule 08.09.2022

программная прокрутка вниз динамического списка
У меня вроде бы простой вопрос. Мне нужно программно прокрутить список до конца, независимо от размера списка или размеров элементов списка. Я не нашел надежного способа сделать это. Я пробовал listRef.scrollToRow() и listRef.scrollToPosition(), но...
26 просмотров
schedule 15.09.2022

React-virtualized в сочетании с WindowScroller и AutoSizer в большом списке не отображает все элементы
У меня большой список из более чем 300 наименований. Для лучшей производительности я хочу использовать виртуализированную реакцию и отображать только видимые в данный момент элементы на экране. По причинам дизайна я должен использовать...
3760 просмотров
schedule 21.09.2022

Липкие заголовки в реактивной виртуализации
Я использую компонент List в реактивной виртуализации для рендеринга большого количества элементов. В моей реализации элементы разбиты на разделы, и я хочу, чтобы заголовки разделов были закреплены, чтобы текущий раздел оставался видимым, когда...
7790 просмотров
schedule 11.04.2023

React Virtualized — изменение высоты рендеринга строки списка
Я использую List внутри и AutoSizer с динамической высотой, используя функцию для rowHeight . Строка в моем случае использования должна отображаться с многоточием и расширяться при нажатии на нее. Мне интересно, как динамически устанавливать...
3702 просмотров
schedule 14.05.2023

React Virtualized - как прокрутить до div внутри строки с динамической высотой
Я использую RV List для загрузки большого документа с настраиваемым форматированием. Это сработало как шарм, но я столкнулся со следующими двумя проблемами: В настоящее время я создаю список в cellmeasurer на основе этого для расчета динамической...
2358 просмотров
schedule 29.10.2022

Работает ли реактивная виртуализация внутри функционального компонента?
Я спрашиваю, потому что все примеры, которые я видел, относятся к классам es6. И: я преобразовал свой класс es6 в функциональный компонент. Теперь строки больше не появляются. И ошибки тоже нет. Похоже, что средство визуализации строк просто...
599 просмотров
schedule 14.10.2022