305 читали · 5 лет назад
Экспорт данных в Excel с React
Источник: Nuances of Programming В React есть два способа реализации функции экспорта: с помощью любой сторонней библиотеки или с помощью создания компонента. Рассмотрим оба способа ниже. Пример проекта Возьмем простое приложение с данными в таблице и кнопкой экспорта в правом верхнем углу. При нажатии на кнопку данные из таблицы загружаются в таблицу Excel. Проект можно импортировать отсюда и запустить напрямую. Предварительная подготовка Создайте проект React с помощью create-react-app и установите пакеты npm xslx, bootstrap и file-saver...
Работаем с таблицами с помощью React Table Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → https://rsconsult.ru