Ấn Độ
jacksonkasi1/tnks-data-table
Advanced data table component with server-side operations using Hono.js, Drizzle ORM, and PostgreSQL
Thành tựu nổi bật
Những danh hiệu mới nhất của dự án
#1 Repository Của Tháng
#1 Repository Của Tháng
#1 Repository Của Tháng
📊 Bảng dữ liệu nâng cao với mọi thao tác phía máy chủ
Bảng dữ liệu React được xây dựng trên Shadcn UI + TanStack Table, hỗ trợ phân trang, sắp xếp, lọc toàn bộ ở phía máy chủ với PostgreSQL.
Dự án tnks-data-table là một thành phần bảng (data table) rất mạnh được phát triển bởi Jackson Kasi, dựa trên Shadcn UI và TanStack Table v8. Được thiết kế để xử lý các yêu cầu doanh nghiệp phức tạp như phân trang, sắp xếp thứ tự, lọc dữ liệu và các thao tác khác hoàn toàn ở phía máy chủ thông qua Hono.js, Drizzle ORM và PostgreSQL. Tương thích với mọi framework React hiện đại bao gồm Next.js, Vite, Remix, TanStack Start.
✨ Điểm nổi bật
- Cài đặt nhanh qua Shadcn CLI: Chỉ với một lệnh
npx shadcn@latest add, bạn có thể tích hợp toàn bộ thành phần bảng dữ liệu. - Hỗ trợ phép toán phía máy chủ: Bao gồm phân trang, sắp xếp thứ tự và lọc dữ liệu, giúp tối ưu hiệu suất với bộ dữ liệu lớn.
- Kiến trúc modular và có thể mở rộng: Dễ dàng tùy biến cột, thanh công cụ, hành động hàng và giao diện người dùng.
- Hỗ trợ dữ liệu phân cấp (subrows): Hiển thị dữ liệu lồng nhau với khả năng mở rộng, chọn hàng con và xuất dữ liệu liên trang.
- Tích hợp đầy đủ các tính năng UI: Thay đổi kích thước cột, ẩn/hiện cột, lọc theo ngày, tìm kiếm, hành động hàng và hành động hàng loạt.
- Hỗ trợ xuất dữ liệu: Xuất dữ liệu ra CSV, PDF và các định dạng khác với khả năng biến đổi dữ liệu tùy chỉnh.
- Tối ưu hiệu suất: Render hiệu quả ngay cả với bộ dữ liệu lớn nhờ cập nhật giao diện người dùng tối ưu.
- Được gõ kiểu TypeScript đầy đủ: Cung cấp trải nghiệm phát triển tốt hơn với các thành phần được gõ kiểu hoàn chỉnh.
💡 Vì sao đáng chú ý
Khác với các bảng dữ liệu thông thường chỉ xử lý ở phía máy khách, tnks-data-table thiết kế để tất cả các thao tác nặng (phân trang, sắp xếp, lọc) đều chạy trên máy chủ thông qua Hono.js + Drizzle ORM + PostgreSQL. Điều này giúp duy trì hiệu suất ổn định ngay cả khi số lượng bản ghi tăng lên hàng triệu. Thành phần này cũng hỗ trợ cài đặt siêu nhanh qua Shadcn CLI và tương thích với mọi framework React hiện đại, giúp nhà phát triển tích hợp chỉ trong vài phút.
#DataTable #React #NextJS #TanStackTable #ShadcnUI #ServerSide #PostgreSQL #DrizzleORM #TiniX
Dự án tương tự
Khám phá các dự án và mô hình AI khác có sự tương đồng.
LyteNyte Grid monorepo: Build powerful data tables with a lightning-fast, zero-dependency React data grid (~40 KB). Headless or pre-styled. Declarative API. 150+ enterprise-grade features. Supported by 1771 Technologies.
Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype to production without rebuilding the stack.
✨ Zero-config AI chat assistant. No API key needed — sign up and instantly chat with GPT-5, Claude 4, Gemini 2.5, DeepSeek & 100+ top models. Pay-as-you-go saves you more. Available on Web, iOS, macOS, Android, Linux, Windows.
🔥🔥🔥 Open-source Jira, Linear, Monday, and ClickUp alternative. Plane is a modern project management platform to manage tasks, sprints, docs, and triage.