tanstack-table

TanStack Table is a headless table library — it provides state management and logic but no UI. You supply the rendering; it handles sorting, filtering, pagination, selection, and more.

When to use: Complex data tables with sorting/filtering/pagination, server-side data, large datasets (1000+ rows with virtualization), row selection/expanding/grouping.

When NOT to use: Simple static tables (use directly), display-only lists (use a list component), spreadsheet-like editing (consider AG Grid).

TanStack Table v8 جداول البيانات بدون رأس لـ React. يغطي تعريفات الأعمدة، والفرز، والتصفية (غامض/الأوجه)، وترقيم الصفحات من جانب الخادم باستخدام استعلام TanStack، والتمرير اللانهائي، والمحاكاة الافتراضية (TanStack Virtual)، وتثبيت العمود/الصف، وتوسيع/تجميع الصفوف، وتغيير حجم الأعمدة، والمكونات القابلة لإعادة الاستخدام على طراز Shadcn. يمنع 15 خطأ موثقًا بما في ذلك عمليات إعادة العرض اللانهائية، وعدم توافق React Compiler، وعدم تطابق الحالة من جانب الخادم. يُستخدم عند إنشاء جداول البيانات، أو إصلاح أداء الجدول، أو تنفيذ ترقيم الصفحات على جانب الخادم، أو إضافة التصفية/الفرز، أو تصحيح مشكلات حالة الجدول. المصدر: oakoss/agent-skills.