data table filters

Sobre el proyecto

Esta es una demostración independiente de la tabla de datos que usaremos dentro del tablero OpenStatus.

Para que no sea más accesible para que lo use, sino que también funcione en POC/MVP con tablas de datos, hemos comenzado este repositorio. Lo mantendremos y agregaremos nuevos ejemplos con el tiempo.

Actualmente incluye:

• mesa de datos con paginación simple
• Table de datos con Infinite Scroll y Haga clic en Detalles

Los ejemplos están fuertemente inspirados en las tablas de registro Datadog y Vercel.

Construido con

Nuestra pila es:

• Nextjs
• quyer
• tabla de tostilla
• shadcn/ui
• cmdk
• nuqs
• dnd-kit

Consideraremos hacer un ejemplo con VITEJS para todos nuestros amantes de React Raw. ¡Las contribuciones son bienvenidas!

Empezando

No se requiere una variable de entorno. Ejecute el servidor de desarrollo:

npm run dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

¿Quieres más?

Si está buscando casos de uso específicos o le gusta lo que estamos construyendo y quiere contratarnos, siéntase libre escríbanos para [email protected] o reserve una llamada a través de Cal.com.

Créditos

• SADMANN17 para el componente DOPE <Sortable /> alrededor de @dnd-kit (ver sortable.sadmn.com)
• Shelwin_ para la inspiración del gráfico arrastrable (ver zoom-chart-demo.vercel.app)