Публикации по теме 'react-table'
Использование React Query с React Table
React Query и React Table - две невероятно модные библиотеки, дополняющие React Development. React Query обеспечивает самоуверенный подход к синхронизации данных, а React Table упрощает самые раздражающие части модернизации HTML-таблиц.
В этом посте я продемонстрирую, как вы можете объединить их вместе. В этом посте предполагается, что вы уже в некоторой степени знакомы с react-query и react-table , но в случае, если вы не знаете, я сначала рассмотрю некоторые ключевые идеи из..
React Table 7 - сортировка, фильтрация, пагинация и многое другое
Подход хуков для создания таблиц в React
React table v7 - это легкий (5–14 КБ), автономный (100% настраиваемый) и полностью управляемый инструмент для создания быстрых и расширяемых таблиц данных для React. Библиотека была создана Таннером Линсли и имеет отличную документацию на Github .
Отличия и переход с v6 на v7
Между двумя версиями действительно есть существенная разница. Когда дело доходит до React Table в версии 6, вам необходимо импортировать основной компонент и готовые..
React Table: библиотека безголовых таблиц для React
4 шага по созданию таблицы с параметрами поиска и фильтрации.
Как разработчики, мы всегда ищем методы для структурированного представления данных приложения. Чаще для этого используются таблицы. Однако в большинстве случаев нам нужны такие функции, как поиск, фильтрация, сортировка с помощью таблиц.
Вот где мы можем использовать библиотеки, такие как React Table , что экономит время при разработке.
Выбор библиотеки таблиц React
React Table - это набор хуков для создания..
Вопросы по теме 'react-table'
Как показать данные с сервера GraphQL в реагирующей таблице npm?
Я начал работать с GraphQL server и Apollo client . Код написан на Reactjs . Теперь я хочу получать данные с сервера GraphQL с помощью любых запросов и отображать данные в таблице в пользовательском интерфейсе. Я использую npm react-table для...
3080 просмотров
schedule
01.05.2023
Таблица React со статическим заголовком при прокрутке браузера
Есть ли компонент таблицы для реагирования, у которого был бы фиксированный заголовок, пока полоса прокрутки браузера прокручивает его длинное тело? (Высота таблицы увеличивается по мере того, как пользователь нажимает кнопку «Загрузить еще»). Вот...
22879 просмотров
schedule
06.07.2022
Таблица React - не обновляет содержимое
Я пытаюсь обновить содержимое таблицы, созданной с помощью этой библиотеки react-table . Однако по какой-то причине это не работает, хотя я меняю состояние параметра, который я передаю в Компонент.
<ReactTable
data={this.state.data}...
12683 просмотров
schedule
01.07.2023
react-table Редактируемый контент + сортировка; редактируемая ячейка не обновляется?
При изменении данных в одном столбце, которое повлияет на порядок сортировки, данные повторно сортируются правильно, но используемые входные данные не обновляются до данных новых строк.
Проще всего воспроизвести здесь...
7209 просмотров
schedule
05.07.2022
react-table не отображает данные на стороне сервера в таблице (с ручной разбивкой на страницы, фильтрацией и сортировкой)
У меня возникли проблемы с получением данных из бэкэнда (Python API) для отображения в таблице реагирования вручную. Я прочитал документацию и пытаюсь использовать пример здесь: https://react-table.js.org/#/story/server-side-data
Я вижу данные...
5018 просмотров
schedule
24.07.2022
Пользовательский стиль фильтров в реагирующей таблице
Я создал таблицу с таблицей реакций и хочу использовать компонент реакции-выбора в качестве компонента фильтрации. Все запущено и работает, за исключением того, что выпадающий список из компонента реакции-выбора скрывается за таблицей.
Я довольно...
1076 просмотров
schedule
03.08.2022
Как изменить стили кнопок React Table
Кто-нибудь знает способ изменить стили для кнопок «следующий» и «предыдущий» под таблицей реакции из таблица реакции ?
Вот краткий пример определенного компонента:
<ReactTable
manual
minRows={0}
pageSize={1}...
2983 просмотров
schedule
27.04.2024
Как выровнять некоторые столбцы по левому краю, а некоторые по центру в React Table - React
Привет, участники переполнения стека
Это массив заголовков столбцов. Я хочу, чтобы столбец 1 - столбец 5 был выровнен по левому краю (все ячейки данных заголовка, подзаголовка и таблицы столбца 1 - столбец 5 были выровнены по левому краю), в то...
34097 просмотров
schedule
12.12.2022
Как показать и скрыть некоторые столбцы в React Table?
Я создал React Table. Я хочу скрыть или показать некоторые столбцы в моей таблице действием пользователя. По умолчанию все столбцы должны быть видны, но у нас будет несколько флажков, чтобы скрыть или показать некоторые столбцы.
Изображение...
40811 просмотров
schedule
14.10.2023
Как получить доступ к постоянным переменным одного компонента в другом компоненте - React
Я работаю над React Table. Я в основном новичок в React. У меня есть страница панели инструментов, на которой я отображаю таблицу React Table из 8 столбцов. У меня есть кнопка настройки, которая открывает всплывающую страницу, на этой всплывающей...
11693 просмотров
schedule
04.06.2022
Как использовать функцию перетаскивания столбцов и строк в моей таблице React - ReactJS
Я создал таблицу в React Table. Я хочу добавить функцию перетаскивания для столбцов и строк. Как я могу это сделать?
Вот мой образец CodeSandbox - https://codesandbox.io/s/2wp7jk23kr
Здесь у меня есть песочница кода для перетаскивания строк...
4670 просмотров
schedule
10.04.2024
Индивидуальный стиль ячейки React-table
Я использую таблицу реакций и хочу изменить цвет фона определенных ячеек в зависимости от их количества внутри. Бывший. Ячейка> 1 = зеленый, Ячейка ‹1 = красный, и разные оттенки между ними. Я видел массу вещей о раскрашивании строк и столбцов, но...
21244 просмотров
schedule
07.01.2023
Обновление свойства состояния в componentDidMount не отражается с помощью реагирующей таблицы
Обновление значения свойства состояния data в методе компонента реакции componentDidMount без обновления данных таблицы реакции.
вызов getData в конструкторе работает нормально.
App.js
class App extends React.Component {
constructor()...
1267 просмотров
schedule
30.06.2022
Ячейка триггера onClick вместо строки onClick в таблице React
У меня есть следующая таблица:
Я хочу, чтобы при нажатии на три точки в правой части строки открывалось всплывающее меню, поэтому я написал функцию onClick для этой ячейки.
Я также хочу, чтобы щелчок по любой другой области в строке...
4520 просмотров
schedule
24.05.2023
Условный рендеринг ячеек в реагирующей таблице
У меня есть столбец для кнопок для переключения модального режима. Проблема в том, что я не хочу отображать кнопку для каждой строки. Я хочу отображать кнопку только при первой записи цвета. Обратите внимание, что цвета непредсказуемы (вы не...
7223 просмотров
schedule
15.07.2023
Как скопировать состояние таблицы реакции, чтобы использовать значение page и pageSize
Я использовал https://www.npmjs.com/package/react-table lib. . необходимо получить данные для таблицы с помощью фильтров столбца. фильтр ниже:
...
filterable: true,
Filter: () => {
return (
<input...
1485 просмотров
schedule
24.07.2023
Всегда показывать полосу прокрутки высоты в области просмотра родительского div
Я использую React-Table как компонент таблицы. Там мне в основном представлен следующий сценарий: https://codesandbox.io/s/52lvxrj8r4
Вертикальная полоса прокрутки тела делает свое дело, однако она находится за пределами области просмотра...
896 просмотров
schedule
12.04.2023
Подкомпонент React Table возвращает другую таблицу
У меня есть приведенная ниже таблица React, в которой у меня есть данные в основной таблице, и если вы нажмете на любую стрелку, я покажу другую таблицу под этой строкой. Проблема заключается в том, какую строку вы нажимаете, мне нужно сделать запрос...
431 просмотров
schedule
01.12.2022
Вызов компонента реакции путем передачи исключения состояния
Я попытался визуализировать таблицу из MapContainer . После того, как я получил данные с сервера, я визуализирую компонент TransactionTable .
Это ошибка из таблицы реакции или я неправильно использую ее для этого потока данных?...
112 просмотров
schedule
29.06.2022
Как изменить цвет границы одной строки в реагирующей таблице
Я знаю, как изменить цвет фона строки в объекте ReactTable (код ниже).
Как изменить цвет границы строки (не границы всей таблицы)? Я попытался заменить background в приведенном ниже коде на border-color , или borderColor , или border , и...
2192 просмотров
schedule
26.04.2023
