Build interactive data tables with TanStack Table and shadcn/ui.
npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill tables-dzakiamriz22
Please help me install this Agent Skill. Skill: tables Source: https://github.com/Dzakiamriz22/frontend-pack/tree/main/skills/tables Command: npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill tables-dzakiamriz22
This skill solves the complexity of building robust, accessible, and responsive data tables that require advanced features like sorting, filtering, and pagination without reinventing the wheel.
Use the tables skill to generate a responsive data table for a user management page with sorting and filtering enabled.
High-intent search queries and answers about installing and using this skill.
Build a responsive data table by leveraging TanStack Table for advanced logic and shadcn/ui for the interface. This combination handles sorting, filtering, and pagination while maintaining mobile responsiveness.
Handle loading, empty, and error states in a frontend data grid by implementing standardized UI patterns. Using shadcn/ui components ensures a consistent user experience across complex, data-heavy interfaces.
Yes, the tables skill works directly with TanStack React Table and shadcn/ui. It combines TanStack Table's high-performance logic with shadcn/ui components to generate accessible, production-ready interfaces.
Yes, you can use TanStack Table to display thousands of records in an admin dashboard. It provides high-performance sorting, filtering, and pagination to search through large datasets seamlessly.
Implement pagination for a shadcn data table on mobile devices by utilizing TanStack Table's built-in pagination logic alongside responsive shadcn/ui components. This ensures data displays seamlessly across varying screen sizes.
MadAppGangIntegrate TanStack Router loaders with TanStack Query for prefetching.
delta-and-betaExport Braze data from dashboard CSVs and Export API responses into analyzable datasets.
nghiahsgsScaffold shadcn/ui components into taw-kit Next.js App Router projects.
ancolemanBuild HTML tables and data grids with sorting, filtering, and pagination.
