https://github.com/katerinutkina/react_table_project

https://github.com/katerinutkina/react_table_project

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/katerinutkina/react_table_project
• Owner: KaterinUtkina
• Created: 2021-02-28T13:52:17.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-02-28T13:59:32.000Z (over 3 years ago)
• Last Synced: 2024-06-18T20:14:44.273Z (5 months ago)
• Language: JavaScript
• Size: 243 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 React_table_project 

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

Функционал:



    
Сортировка по столбцам: при нажатии на название столбца строки таблицы сортируются по возрастанию, при повторном клике — по убыванию. Текстовым сообщением указывается направление сортировки.

    
Клиентская пагинация: данные отображаются постранично, 50 элементов на страницу.

    
По клике на строку таблицы значения полей выводятся в дополнительном блоке под таблицей.

    
Данные в таблицу загружаются с сервера.

    
осуществляется перефильтрация по нажатию на кнопку с лупой.

    
Над таблицей присутсвует кнопка добавить, по нажатии на которую выпадает форма добавления ряда.

    
После заполнения всех инпутов активируется кнопка Добавить в таблицу которая вставляет заполненный ряд в начало таблицы.