Hoppa till innehåll

TanStack Table är ett avancerat headless-UI-bibliotek som låter utvecklare bygga kraftfulla tabeller och datanät från grunden, samtidigt som de behåller full kontroll över markup och stilar.

Det är utformat för att fungera oberoende av ramverk och stöder stora frontendramverk som React, Vue, Solid, Svelte och Lit.

Biblioteket har ett litet fotavtryck, vanligtvis 10–15 kB efter tree-shaking, och passar därför bra i applikationer där prestanda är avgörande. Med ett litet API-gränssnitt erbjuder det omfattande funktioner, bland annat sortering, filtrering, sidindelning och effektiv hantering av stora datamängder.

En av TanStack Tables främsta egenskaper är dess headless-design. Det innebär att utvecklare kan anpassa nästan alla aspekter av tabellens UI utan att begränsas av fördefinierade stilar. Denna flexibilitet passar perfekt för designers som vill använda ett eget visuellt uttryck och få resultat med pixelprecision.

TanStack Table kan byggas ut, så att utvecklare enkelt kan åsidosätta standardinställningar. Det är byggt för att hantera data på serversidan och externa datakällor. Med de kraftfulla funktionerna går det att skapa komplexa gränssnitt; biblioteket ger en grund för datapresentation i webbapplikationer.

Funktioner

  • Lättviktigt (10-15kb)
  • Tree-shaking
  • Headless-design
  • Cellformatering
  • Automatiskt hanterat internt tillstånd
  • Alternativ för helt kontrollerat tillstånd
  • Sortering
  • Flerkolumnssortering
  • Globala filter
  • Kolumnfilter
  • Sidnumrering
  • Gruppering av rader
  • Aggregering
  • Radval
  • Expanderbara rader
  • Kolumnordning
  • Kolumnsynlighet
  • Ändring av kolumnbredd
  • Stöd för virtualisering
  • Data på serversidan/från externa källor
  • Nästande/grupperade rubriker
  • Sidfötter

Relaterade objekt

Next.js

En robust lösning för att skapa asynkrona, dynamiska webbapplikationer med många funktioner som gör utvecklare mer produktiva.

Preact

Ett snabbt alternativ till React som behåller modern funktionalitet och har ett litet fotavtryck för effektiv webbutveckling.

Refine

Det här kraftfulla React-ramverket förenklar skapandet av interna verktyg och administrativa instrumentpaneler, så att utvecklare kan fokusera på att bygga funktioner i stället för att upprepa grundläggande kodarbete.

Angular

Det här ramverket erbjuder en robust lösning för att bygga dynamiska och skalbara webbapplikationer. De omfattande funktionerna passar utvecklare som söker ett flexibelt men strukturerat sätt att utveckla applikationer.

dndkit

En verktygslåda som gör det enkelt för utvecklare att lägga till dra och släpp-funktionalitet i sina React-applikationer.

Docusaurus

Ett projekt som hjälper dig att enkelt skapa dokumentationswebbplatser med fokus på innehåll och användbarhet.

Enhance

Den här lösningen ökar produktiviteten och förbättrar apparnas prestanda genom att låta utvecklare använda ett HTML-centrerat arbetssätt som effektiviserar både utveckling och driftsättning.

Hybrids

Det här ramverket hjälper utvecklare att bygga effektiva och lättunderhållna webbapplikationer och komponenter med en kombination av deklarativ och funktionell programmering.