Przejdź do treści

TanStack Table to zaawansowana biblioteka UI bez gotowego interfejsu, która pozwala programistom tworzyć od podstaw rozbudowane tabele i siatki danych, zachowując pełną kontrolę nad znacznikami i stylami.

Została zaprojektowana z myślą o niezależności od frameworka i obsługuje najpopularniejsze frameworki front-endowe, takie jak React, Vue, Solid, Svelte i Lit.

Biblioteka ma niewielki rozmiar — zwykle od 10-15kb po tree-shakingu — dzięki czemu sprawdza się w aplikacjach, w których wydajność ma kluczowe znaczenie. Oferuje niewielki interfejs API i rozbudowane funkcje, w tym sortowanie, filtrowanie, paginację oraz efektywne zarządzanie dużymi zbiorami danych.

Jedną z wyróżniających cech TanStack Table jest architektura bez gotowego interfejsu, która pozwala programistom dostosować niemal każdy element UI tabeli bez ograniczeń wynikających z narzuconych stylów. Ta elastyczność sprawdza się w przypadku projektantów, którzy chcą zastosować własną estetykę i uzyskać precyzyjne rezultaty.

TanStack Table można rozszerzać, łatwo nadpisując ustawienia domyślne. Biblioteka obsługuje też dane po stronie serwera i źródła zewnętrzne. Jej zaawansowane funkcje pozwalają tworzyć złożone interfejsy, zapewniając podstawę do prezentowania danych w aplikacjach internetowych.

Funkcje

  • Lekka (10-15kb)
  • Tree-shaking
  • Projekt bez gotowego interfejsu
  • Formatowanie komórek
  • Automatycznie zarządzany stan wewnętrzny
  • Opcja pełnej kontroli nad stanem
  • Sortowanie
  • Sortowanie według wielu kryteriów
  • Filtry globalne
  • Filtry kolumn
  • Paginacja
  • Grupowanie wierszy
  • Agregacja
  • Wybór wierszy
  • Rozwijanie wierszy
  • Zmiana kolejności kolumn
  • Widoczność kolumn
  • Zmiana szerokości kolumn
  • Możliwość wirtualizacji
  • Dane po stronie serwera/zewnętrzne
  • Zagnieżdżone/zgrupowane nagłówki
  • Stopki

Powiązane pozycje

Next.js

Rozbudowane rozwiązanie do tworzenia asynchronicznych, dynamicznych aplikacji internetowych, którego liczne funkcje zwiększają produktywność programistów.

Preact

Szybka alternatywa dla React, która zachowuje nowoczesne funkcje i ma niewielki rozmiar, ułatwiając wydajne tworzenie stron internetowych.

Refine

Ten zaawansowany framework React ułatwia tworzenie narzędzi wewnętrznych i paneli administracyjnych, pozwalając programistom skupić się na funkcjach zamiast wielokrotnie pisać podstawowy kod.

Angular

Ten framework zapewnia solidne rozwiązanie do tworzenia dynamicznych i skalowalnych aplikacji internetowych. Bogaty zestaw funkcji odpowiada potrzebom programistów szukających elastycznego, a zarazem uporządkowanego podejścia do tworzenia aplikacji.

dndkit

Zestaw narzędzi, który ułatwia programistom dodawanie funkcji przeciągania i upuszczania do aplikacji React.

Docusaurus

Projekt ułatwiający tworzenie stron z dokumentacją, z naciskiem na treść i użyteczność.

Enhance

To rozwiązanie zwiększa produktywność i wydajność aplikacji, umożliwiając programistom korzystanie z podejścia zorientowanego na HTML, które usprawnia zarówno tworzenie, jak i wdrażanie.

Hybrids

Ten framework pozwala deweloperom tworzyć wydajne, łatwe w utrzymaniu aplikacje i komponenty internetowe, łącząc deklaratywne i funkcyjne techniki programowania.