Перейти к содержимому

TanStack Table — продвинутая библиотека UI без готового интерфейса, позволяющая создавать мощные таблицы и сетки данных с нуля, полностью контролируя разметку и стили.

Библиотека не привязана к конкретному фреймворку и поддерживает основные фронтенд-фреймворки, такие как React, Vue, Solid, Svelte и Lit.

Библиотека отличается компактностью: после tree-shaking ее размер обычно составляет 10–15kb, поэтому она подходит для приложений, где важна производительность. Благодаря небольшому API API она предлагает широкие возможности, включая сортировку, фильтрацию, разбиение на страницы и эффективную работу с большими наборами данных.

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

TanStack Table легко расширять и позволяет без труда переопределять значения по умолчанию. Библиотека рассчитана на работу с данными на стороне сервера и из внешних источников. Ее возможности помогают создавать сложные интерфейсы и служат основой для представления данных в веб-приложениях.

Возможности

  • Легковесная библиотека (10-15kb)
  • Удаление неиспользуемого кода
  • Архитектура без готового интерфейса
  • Форматирование ячеек
  • Автоматическое управление внутренним состоянием
  • Возможность полностью контролировать состояние
  • Сортировка
  • Сортировка по нескольким столбцам
  • Глобальные фильтры
  • Фильтры по столбцам
  • Разбиение на страницы
  • Группировка строк
  • Агрегация
  • Выбор строк
  • Разворачивание строк
  • Изменение порядка столбцов
  • Видимость столбцов
  • Изменение ширины столбцов
  • Поддержка виртуализации
  • Данные с сервера и из внешних источников
  • Вложенные и сгруппированные заголовки
  • Нижние колонтитулы

Похожие ресурсы

Next.js

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

Preact

Быстрая альтернатива React, сохраняющая современные возможности и минимальный размер для эффективной веб-разработки.

Refine

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

Angular

Этот фреймворк предоставляет надёжное решение для создания динамичных и масштабируемых веб-приложений. Его широкие возможности подойдут разработчикам, которым нужен гибкий, но структурированный подход к разработке приложений.

dndkit

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

Docusaurus

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

Enhance

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

Hybrids

Этот фреймворк помогает разработчикам создавать эффективные и удобные в поддержке веб-приложения и компоненты, сочетая декларативное и функциональное программирование.