data table filters

プロジェクトについて

これは、OpenStatusダッシュボード内で使用するスタンドアロンのデータテーブルデモです。

使用できるだけでなく、データテーブルを使用してPOC/MVPで作業できるようにするために、このリポジトリを開始しました。私たちはそれを維持し、時間の経過とともに新しい例を追加します。

現在：

• 単純なページネーションを備えたデータテーブル
• 無限の巻物とクリックの詳細を備えたデータテーブル

例は、DataDogとVercel Logテーブルに深くインスピレーションを受けています。

で構築されています

私たちのスタックは次のとおりです。

• Nextjs
• Tanstack-query
• Tanstack-Table
• shadcn/ui
• CMDK
• nuqs
• dnd-kit

私たちは、すべての生の反応愛好家のためにVitejsで模範をすることを検討します。貢献は大歓迎です！

はじめる

環境変数は不要です。開発サーバーを実行します：

npm run dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

もっと欲しい？

特定のユースケースを探している場合、または私たちが構築しているものが好きで、私たちを雇いたい場合は、[email protected]にお気軽にお問い合わせください。

クレジット

• sadmann17 for the dope <Sortable />コンポーネント@dnd-kit （sortable.sadmn.comを参照）
• Draggableチャートのインスピレーションについては、shelwin_（Zoom-Chart-Demo.vercel.Appを参照）