data table filters

เกี่ยวกับโครงการ

นี่คือการสาธิตตารางข้อมูลแบบสแตนด์อโลนที่เราจะใช้ภายในแดชบอร์ด OpenStatus

เพื่อให้สามารถเข้าถึงได้มากขึ้นเท่านั้น แต่ยังทำงานกับ POC/MVP ด้วยตารางข้อมูลเราได้เริ่มต้นที่เก็บนี้แล้ว เราจะรักษาและเพิ่มตัวอย่างใหม่เมื่อเวลาผ่านไป

ปัจจุบันรวมถึง:

• โต๊ะข้อมูลที่มีการปนเปื้อนอย่างง่าย
• โต๊ะข้อมูลพร้อมการเลื่อนแบบไม่มีที่สิ้นสุดและคลิกรายละเอียด

ตัวอย่างได้รับแรงบันดาลใจอย่างมากจากตาราง Datadog และ Vercel

สร้างขึ้นด้วย

สแต็กของเราคือ:

• nextjs
• ข้อต่อ
• โต๊ะ tanstack
• Shadcn/ui
• CMDK
• นู
• dnd-kit

เราจะพิจารณาทำตัวอย่างกับ Vitejs สำหรับคนรักตอบสนองดิบทั้งหมดของเรา ยินดีต้อนรับ!

เริ่มต้น

ไม่จำเป็นต้องมีตัวแปรสภาพแวดล้อม เรียกใช้เซิร์ฟเวอร์การพัฒนา:

npm run dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

ต้องการมากขึ้น?

หากคุณกำลังมองหากรณีการใช้งานที่เฉพาะเจาะจงหรือชอบสิ่งที่เรากำลังสร้างและต้องการจ้างเราอย่าลืมเขียนเราไปที่ [email protected] หรือจองโทรผ่าน cal.com

การให้เครดิต

• sadmann17 สำหรับ dope <Sortable /> ส่วนประกอบรอบ @dnd-kit (ดู sortable.sadmn.com)
• shelwin_ สำหรับแรงบันดาลใจแผนภูมิแบบ draggable (ดู Zoom-chart-demo.vercel.app)