Работаем с таблицами с помощью React Table Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → https://rsconsult.ru
427 читали · 1 год назад
Как сделать простую таблицу в HTML и сохранить ее в excel?
Доброе утро. В этой статье рассмотрим как сделать простую таблицу в HTML и сделаем кнопку скачать, для того чтобы сохранить нашу таблицу к себе на ПК. Итак, приступим.. Для начала создаем простой файл test.html в любом месте на своем ПК. Пишем на HTML нашу простенькую таблицу такого вида: <table id="simpleTable1"> <tbody> <tr> <th>Заголовок 1</th> <th>Заголовок 2</th> <th>Заголовок 3</th> </tr> <tr> <td>Первый столбец</td> <td>Второй столбец</td> <td>Третий...