TanStack Table, previously known as React Table, is a headless UI library for building tables and datagrids across multiple JavaScript frameworks. Rewritten in TypeScript for better performance and support for additional frameworks, it replaces the now-deprecated react-table package. The post guides users on migrating to TanStack Table v8, setting up basic tables, and implementing features like sorting, filtering, and styling. Comparison with other table libraries like Material UI Table is also provided.
Table of contents
See how LogRocket's AI-powered error tracking worksWhat is TanStack Table?What happened to React Table?When to use a table in ReactTanStack Table UI featuresGetting started with TanStack TableTanStack Table example: Setting up a simple tableFetching and displaying API data in a tableOver 200k developers use LogRocket to create better digital experiencesAdding search functionality with getFilteredRowModelAdding sorting with getSortedRowModelGrouping with getGroupedRowModelColumn resizingTanStack Table vs. Material UI Table vs Material React Table: Which is right for you?FAQsConclusionGet set up with LogRocket's modern React error tracking in minutes:2 Comments
Sort: