data table filters

À propos du projet

Il s'agit d'une démo de table de données autonome que nous utiliserons dans le tableau de bord OpenStatus.

Pour le rendre non seulement plus accessible à utiliser, mais aussi à travailler sur POC / MVP avec des tables de données, nous avons commencé ce référentiel. Nous le maintiendrons et ajouterons de nouveaux exemples au fil du temps.

Il comprend actuellement:

• Tablette de données avec une simple pagination
• Tableau de données avec défilement infini et cliquez les détails

Les exemples sont fortement inspirés par les tables de journal Datadog et Vercel.

Construit avec

Notre pile est:

• NextJS
• tanstack-query
• tanstack
• shadcn / ui
• cmdk
• nuqs
• dnd-kit

Nous envisagerons de faire un exemple avec VITEJS pour tous nos amoureux RAW React. Les contributions sont les bienvenues!

Commencer

Aucune variable d'environnement requise. Exécutez le serveur de développement:

npm run dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

En voulez plus?

Si vous recherchez des cas d'utilisation spécifiques ou comme ce que nous construisons et que nous voulons nous embaucher, n'hésitez pas à nous écrire pour [email protected] ou à réserver un appel via Cal.com.

Crédits

• SADMANN17 pour le composant Dope <Sortable /> autour de @dnd-kit (voir sortable.sadmn.com)
• shelwin_ pour l'inspiration du graphique draggable (voir zoom-chart-demo.vercel.app)