data table filters

Über das Projekt

Dies ist eine eigenständige Data-Tisch-Demo, die wir innerhalb des OpenStatus-Dashboards verwenden werden.

Um es nicht nur für Sie zugänglich zu machen, sondern auch für POC/MVP mit Datentabellen zu arbeiten, haben wir dieses Repository gestartet. Wir werden es beibehalten und im Laufe der Zeit neue Beispiele hinzufügen.

Es enthält derzeit:

• Datentisch mit einfacher Pagination
• Datentisch mit unendlicher Schriftrolle und klicken Sie auf Details

Die Beispiele sind stark von Datadog- und Vercel -Protokolltabellen inspiriert.

Gebaut mit

Unser Stapel ist:

• NEXTJS
• Tanstack-Query
• Tanstack-Tisch
• Shadcn/Ui
• CMDK
• Nuqs
• DND-Kit

Wir werden in Betracht ziehen, ein Beispiel mit ViteJs für alle unsere Rohreact -Liebhaber zu machen. Beiträge sind willkommen!

Erste Schritte

Keine Umgebungsvariable erforderlich. Führen Sie den Entwicklungsserver aus:

npm run dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Willst du mehr?

Wenn Sie nach spezifischen Anwendungsfällen suchen oder das, was wir bauen, und uns einstellen möchten, schreiben Sie uns frei, um uns an [email protected] zu schreiben oder einen Anruf über Cal.com zu buchen.

Credits

• sadmann17 für die dope <Sortable /> componente um @dnd-kit (siehe sortable.sadmn.com)
• Shelwin_ für die Inspiration der draggablen Diagramm (siehe Zoom-Chart-Demo.vercel.app)