هل تبحث عن الإصدار 7 من react-table ؟ انقر هنا!
استمتع بهذه المكتبة؟
جرب مكتبات التانستاك الأخرى:
- استعلام Tanstack
- طاولة التانستاك
- جهاز التوجيه Tanstack
- Transtack الظاهري
- شكل التانستاك
- تانستاك رينجر
تفضل بزيارة tanstack.com/table للمستندات والأدلة وواجهة برمجة التطبيقات والمزيد!
قد تعرف طاولة Tanstack بأسماء المحولات لدينا أيضًا!
- الجدول الزاوي
- طاولة مضاءة
- طاولة Qwik
- رد فعل الجدول
- طاولة صلبة
- طاولة سفيلتي
- جدول VUE
ملخص
TANSTACK TABLE هي مكتبة طاولة مقطوعة الرأس ، مما يعني أنها لا تشحن بمكونات أو علامة أو أنماط. هذا يعني أن لديك تحكمًا كاملاً في الترميز والأنماط (CSS ، CSS-in-JS ، مكتبات مكونات واجهة المستخدم ، إلخ) وهذا ما يمنحه أيضًا طبيعته المحمولة. يمكنك حتى استخدامه في React Native!
إذا كنت تريد طاولة خفيفة الوزن مع التحكم الكامل في الترميز والتنفيذ ، فيجب عليك التفكير في استخدام TANSTACK TABLE ، مكتبة جدول مقطوعة الرأس .
إذا كنت تريد جدولًا جاهزًا للمكون مع مزيد من الطاقة ولكن المزيد من القيود حول الترميز/الأنماط/التنفيذ ، فيجب عليك التفكير في استخدام AG GRID ، مكتبة الجدول القائمة على المكونات من شريكنا AG AG.
يعد Transtack Table و Ag Grid أفضل مكتبات جدول/بيانات DataGrid حولها . بدلاً من التنافس ، نحن نعمل معًا لضمان توفر خيارات الجدول/بيانات بيانات أعلى جودة للنظام الإيكولوجي JS/TS بالكامل وكل حالة استخدام.
ميزات سريعة
- جوهر لاأدري (JS/TS)
- روابط إطار من الدرجة الأولى لـ React ، Vue ، Solid
- ~ 15 كيلو بايت أو أقل (مع هز الأشجار)
- 100 ٪ TypeScript (ولكن ليس مطلوبًا)
- مقطوعة الرأس (100 ٪ قابلة للتخصيص ، إحضارك يا أولك)
- تلقائي خارج الصندوق ، حالة الاشتراك يمكن التحكم فيها
- المرشحات (العمود والعالمي)
- الفرز (متعدد العمود ، متعدد الاتجاهات)
- التجميع والتجميع
- المحور (قريبا!)
- اختيار الصف
- التوسع في الصف
- عمود الرؤية/الطلب/التعليق/تغيير حجمه
- تقسيم الجدول
- قابل للرسوم
- قابلة للافتراضية
- دعم نموذج البيانات من جانب الخادم/الخادم
الهجرة من رد الفعل V7
تغييرات ملحوظة
- إعادة كتابة كاملة إلى TypeScript مع الأنواع المدرجة في الحزمة الأساسية
- إزالة نظام البرنامج المساعد لصالح المزيد من الانعكاس للسيطرة
- واجهة برمجة تطبيقات أكبر ومحسّنة بشكل كبير (وميزات جديدة مثل التعليق)
- إدارة أفضل للسيطرة على الدولة
- دعم أفضل لعمليات من جانب الخادم
- إكمال (ولكن اختياري) التحكم في خط أنابيب البيانات
- جوهر لاأدري مع محولات إطارية للتفاعل ، الصلبة ، الفطرية ، VUE ، وربما أكثر في المستقبل
- أدوات DEV جديدة
الهجرة
هناك قدر لا بأس به من التغييرات (يستحقون ذلك ، ثق بنا!):
- تبين أن TypeScript يجعل الكود الخاص بك أفضل بكثير /أكثر أمانًا ، ولكن عادةً ما يتطلب إجراء تغييرات على الهندسة المعمارية.
- تمت إزالة نظام البرنامج المساعد بحيث يجب إعادة كتابة المكونات الإضافية لالتفاف/إنشاء واجهة برمجة التطبيقات الوظيفية الجديدة. اتصل بنا إذا كنت بحاجة إلى مساعدة!
- لقد تغيرت خيارات تكوين العمود ، ولكن قليلاً فقط.
- تكون خيارات الجدول هي نفسها في الغالب ، مع بعض التغييرات الأكبر حول إدارة/التحكم في خط أنابيب الدولة الاختيارية والبيانات
- تم إعادة تشكيل مثيل
table في حين أن المشابهة في الروح إلى V7 لتكون أسرع بكثير.
تثبيت
قم بتثبيت إحدى الحزم التالية بناءً على إطارك المفضل:
# Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework
كيف تساعد؟
- جرب الأمثلة المهاجرة بالفعل
- جربه في مشاريعك الخاصة.
- introspects الأنواع! حتى بدون الانتهاء من المستندات ، تشحن المكتبة مع TypeScript بنسبة 100 ٪ لمساعدتك على استكشاف قدراتها.
- اقرأ إرشادات المساهمة
- اكتب بعض المستندات! ابدأ بمستندات API وحاول إضافة بعض المعلومات حول واحد أو أكثر من الميزات. تقوم الأنواع بعمل جيد لإظهار ما هو مدعوم وقدرات المكتبة.
- باستخدام البرنامج المساعد؟ حاول إعادة كتابة المكون الإضافي الخاص بك (لا يحتوي V8 على نظام إضافي بعد الآن) كركب وظيفي يستخدم TANSTACK TABLE داخليًا. واجهة برمجة التطبيقات الجديدة أكثر قوة وأسهل في التأليف. إذا وجدت شيئًا لا يمكنك اكتشافه ، فأخبرنا وسنضيفه إلى واجهة برمجة التطبيقات.
كن راعيا
