Skip to content

TanStack Table

TanStack Table supplies the logic for sorting, filtering and paging rows in a table you render.

Visit TanStack Table

What does the library handle and what do you draw?

TanStack Table can organize the rows and expose sorting and filtering state. Your app supplies the table markup, styling and controls. That means you can fit an existing design, but you also have to label the headers and make sorting available to a keyboard user.

Where do sorting and saved data belong?

Choose the adapter for your framework and match the guide to the installed version. The MIT-licensed library works with the rows you supply. If the app loads only one page at a time, make sure the server sorts the whole result before sending that page. Keep source data and export code in your own app.

Does the first page show the highest prices after sorting?

Sketch two pages of fictional orders with the most expensive order on page two.

  1. Choose which rows get sorted
    Request page one with prices highest first. The server sorts all matching orders and returns only that page. Check that the most expensive order now appears on page one.
  2. Show the sort choice
    Mark a named keyboard control and where a reader can tell which direction is active.