Как создать таблицу сетки данных с помощью реакции-бутстрапа и фильтрации, параметры сортировки в сетке данных

Question

Пример: Таблица, введенная в Modal Существует уже существующая функциональность в Java-приложении, когда мы нажимаем кнопку поиска. Появится сообщение модальное окно (например, сетка таблицы данных) и показывает данные в формате таблицы с параметрами фильтрации и сортировки, когда мы выбираем запись из таблицы, она будет выбрана в существующей форме. Как достичь этого, используя ReactJs и реакцию-бутстрап? любая библиотека для импорта и работы над этим требованием? Фильтрация, сортировка выпадающие ...

Col1 Col2 Col3 + Добавить строку --- ---- ----

При выборе строки .. Col1 Col2 Col3 -del ряд

Хорошо. При выборе строки, значения будут показаны в основной форме

Answer 1

Я считаю, что две основные конкуренты здесь:

ReactDataGrid, также известный как реагируют-данных сетки и https://facebook.github.io/fixed-data-table/

По крайней мере в том случае, сетки реагирующих данных, он поддерживает функции, о которых вы просите, но есть работа по его интеграции. Он предоставляет пользовательский интерфейс, позволяющий пользователям запрашивать сортировку и фильтрацию, но вы должны фактически сортировать и фильтровать данные в ответ на событие. Он поддерживает пользовательский интерфейс, позволяющий редактировать на месте, и вы можете добавлять строки динамически, но вам нужно добавлять кнопки в пользовательский интерфейс и отвечать на них соответствующим образом.

В ответ, получение выбора из диалогового окна «Модальное» обратно в подробный вид формы объекта обычно происходит через магазин, например redux и react-redux.

Получение всего этого и запуск с нуля - это не тривиальная задача и займет как минимум несколько дней.