Back to Table

README

README.md

8.21.35.7 KB
Original Source
<div align="center"> </div> <div align="center"> <a href="https://npmjs.com/package/@tanstack/react-table" target="\_parent"> </a> <a href="https://github.com/tanstack/table" target="\_parent"> </a> <a href="https://bundlephobia.com/result?p=@tanstack/react-table@latest" target="\_parent"> </a> </div> <div align="center"> <a href="#badge"> </a> <a href="https://bestofjs.org/projects/tanstack-table"></a> <a href="https://twitter.com/tan_stack"></a> </div>

Become a Sponsor!

</div>

TanStack Table

[!NOTE] You may know TanStack Table by the adapter names:

A headless table library for building powerful datagrids with full control over markup, styles, and behavior.

  • Framework‑agnostic core with bindings for React, Vue & Solid
  • 100% customizable — bring your own UI, components, and styles
  • Sorting, filtering, grouping, aggregation & row selection
  • Lightweight, virtualizable & server‑side friendly

<a href="https://tanstack.com/table">Read the Docs →</a>

Get Involved

Partners

<table align="center"> <tr> <td> <a href="https://www.coderabbit.ai/?via=tanstack&dub_id=aCcEEdAOqqutX6OS"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/coderabbit-dark-CMcuvjEy.svg" height="40" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/coderabbit-light-DVMJ2jHi.svg" height="40" />
		</picture>        
	</a>
</td>
<td padding="20">
  <a href="https://www.cloudflare.com?utm_source=tanstack">
     <picture>
	  <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/cloudflare-white-DQDB7UaL.svg" height="60" />
	  <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/cloudflare-black-CPufaW0B.svg" height="60" />
	  
	</picture>
  </a>
</td>
<td>
 <a href="https://ag-grid.com/react-data-grid/?utm_source=reacttable&utm_campaign=githubreacttable" style="display: flex; align-items: center; border: none;">
   <picture>
    <source media="(prefers-color-scheme: dark)" srcset="./media/ag-grid-dark.svg" height="40" />
    <source media="(prefers-color-scheme: light)" srcset="./media/ag-grid-light.svg" height="40" />
    
  </picture>
  </a>
</td>
</tr> </table> <div align="center"> <p> We're looking for TanStack Table Partners to join our mission! Partner with us to push the boundaries of TanStack Table and build amazing things together. </p> <a href="mailto:[email protected]?subject=TanStack Table Partnership"><b>LET'S CHAT</b></a> </div>

Explore the TanStack Ecosystem

  • <a href="https://github.com/tanstack/config"><b>TanStack Config</b></a> – Tooling for JS/TS packages

  • <a href="https://github.com/tanstack/db"><b>TanStack DB</b></a> – Reactive sync client store

  • <a href="https://github.com/tanstack/devtools"><b>TanStack DevTools</b></a> – Unified devtools panel

  • <a href="https://github.com/tanstack/form"><b>TanStack Form</b></a> – Type‑safe form state

  • <a href="https://github.com/tanstack/pacer"><b>TanStack Pacer</b></a> – Debouncing, throttling, batching

  • <a href="https://github.com/tanstack/query"><b>TanStack Query</b></a> – Async state & caching

  • <a href="https://github.com/tanstack/ranger"><b>TanStack Ranger</b></a> – Range & slider primitives

  • <a href="https://github.com/tanstack/router"><b>TanStack Router</b></a> – Type‑safe routing, caching & URL state

  • <a href="https://github.com/tanstack/router"><b>TanStack Start</b></a> – Full‑stack SSR & streaming

  • <a href="https://github.com/tanstack/store"><b>TanStack Store</b></a> – Reactive data store

  • <a href="https://github.com/tanstack/virtual"><b>TanStack Virtual</b></a> – Virtualized rendering

… and more at <a href="https://tanstack.com"><b>TanStack.com »</b></a>

<!-- USE THE FORCE LUKE -->