tanstack-ui-table

Enhanced React Table Component with TanStack and Shadcn UI

This project presents a sophisticated table component for React applications, leveraging the power of Shadcn UI and @tanstack/react-table. It provides a rich set of interactive features designed to enhance data presentation and manipulation. Developers can implement functionalities like column sorting, row reordering, data fetching, and advanced filtering, all within a modular and highly customizable framework suitable for contemporary web development needs and complex data displays.

Features:

• Export Options: Export table data to PDF and CSV formats.
• Filtering: Includes advanced dialog and simple sheet filter components, plus a clear filter option.
• Column Reordering: Allows users to reorder table columns one at a time.
• Row Reordering: Enables users to reorder table rows individually.
• Cell Editing: Supports in-place editing of cell data.
• Row Selection: Provides functionality for selecting single or multiple rows.
• Sub-row Expansion: Allows rows to be expanded to display nested or detailed information.
• Column Visibility: Users can hide or show specific columns.
• Data Sorting: Supports sorting of data by column values.
• Data Fetching: Integrates with an API for fetching and refreshing table data.
• Pagination: Includes pagination controls for navigating through large datasets.
• Custom Row Styling: Allows dynamic styling of rows based on their data, for example, by status.
• Toolbar Integration: Provides a toolbar with view options, expand/collapse controls, and export functions.

Summary:

This enhanced table component offers developers a comprehensive solution for building interactive and feature-rich data tables in React. By integrating Shadcn UI and TanStack Table, it delivers essential functionalities such as sorting, filtering, reordering, editing, and data export. Its modular design and extensive customization options, including custom row styling and various toolbar controls, make it a versatile tool for modern web applications requiring sophisticated data management and presentation.