|
1 | 1 | # TableAdapter |
2 | 2 |
|
3 | | -A powerful, flexible, and feature-rich React table component built on top of [TanStack Table (React Table v8)](https://tanstack.com/table/v8). Designed for both client-side and server-side data, TableAdapter provides advanced features like pagination, sorting, filtering, row selection, column resizing, and more, with a simple and customizable API. |
| 3 | +TableAdapter is a reusable, opinionated helper/wrapper for [TanStack Table (React Table v8)](https://tanstack.com/table/v8). It much easier and faster to build advanced, production-ready tables with TanStack Table. TableAdapter provides sensible defaults, built-in UI helpers, and developer experience improvements—so you can focus on your app, not table boilerplate. |
4 | 4 |
|
5 | 5 | [](./LICENSE) |
6 | 6 |
|
7 | 7 | --- |
8 | 8 |
|
9 | | -## Features |
10 | | - |
11 | | -- **Client-side & server-side** pagination, sorting, filtering, and grouping |
12 | | -- **Row selection**, expansion, pinning, and grouping |
13 | | -- **Column resizing**, ordering, and visibility toggles |
14 | | -- **Custom renderers** for headers, footers, cells, pagination, and more |
15 | | -- **Loading states** and customizable loading components |
16 | | -- **Accessibility**: ARIA labels and keyboard navigation |
17 | | -- **TypeScript** support with strong generics |
18 | | -- **Export to CSV** utility |
19 | | -- **Tailwind CSS**-friendly by default |
| 9 | +## Demo |
| 10 | + |
| 11 | +- **Live Demo:** [https://techfusionmasters.github.io/tanstack-table-adapter](https://techfusionmasters.github.io/tanstack-table-adapter) |
| 12 | +- **API Documentation:** [https://techfusionmasters.github.io/tanstack-table-adapter/api/index.html](https://techfusionmasters.github.io/tanstack-table-adapter/api/index.html) |
| 13 | + |
| 14 | +--- |
| 15 | + |
| 16 | +## Unique Features of TableAdapter |
| 17 | + |
| 18 | +- **Unified, opinionated API** for rapid table setup with sensible defaults |
| 19 | +- **Built-in loading states**: initial, overlay, and pagination loading with customizable components |
| 20 | +- **Server/client mode switching**: seamless support for both client-side and server-side data, including pagination, sorting, and filtering |
| 21 | +- **Customizable renderers** for table header, footer, pagination, no-results, expanded rows, and more |
| 22 | +- **Row selection UI**: out-of-the-box support for row selection with header and cell checkboxes |
| 23 | +- **Column visibility toggles**: easy-to-use helper for showing/hiding columns |
| 24 | +- **Global filter helpers**: ready-to-use global filter input and fuzzy filter function |
| 25 | +- **CSV export utility**: one-liner export of table data to CSV |
| 26 | +- **Tailwind CSS-friendly**: default classes and structure designed for Tailwind projects |
| 27 | +- **TypeScript-first**: strong generics and prop types for safety and DX |
| 28 | +- **Minimal boilerplate**: get advanced tables running with just a few lines of code |
20 | 29 |
|
21 | 30 | --- |
22 | 31 |
|
|
0 commit comments