جدول البيانات
كتلة جدول بيانات كاملة مدعومة بـ TanStack Table - أعمدة قابلة للفرز مع أسهم مخصصة، وتحديد صفوف مع حالة رأس غير محددة، وشرائح وإجراءات لكل صف، وتذييل ترقيم. يستخدم العرض عناصر جدول BoardUI الأساسية، لذا تظل المنطق والمظهر منفصلين.
إجمالي النتائج
48 عميل
| الشراء | الحالة | الإجراءات | |||
|---|---|---|---|---|---|
 جون كلاركسون | فشل التسليم | 5 سبتمبر 2026 | $3.412 | ||
 أسبن لوبين | فشل التسليم | 25 مارس 2026 | $1.899 | ||
 مايكل إكستروم | تم الشحن | 1 أغسطس 2026 | $2.752 | ||
 كيانا فاكارو | تم الشحن | 2 أبريل 2026 | $145 | ||
 ليفيا ساريس | فشل التسليم | 14 نوفمبر 2026 | $708 | ||
 جايدون أمينوف | بانتظار التسليم | 17 يوليو 2026 | $224 | ||
 ماريا لوبين | تم الشحن | 15 نوفمبر 2026 | $2.959 | ||
 آن بريس | بانتظار التسليم | 20 سبتمبر 2026 | $2.646 |
التثبيت
يمكنك إضافة كتلة جدول البيانات هذه باستخدام CLI الخاص بنا أو يدويًا. يسحب CLI أيضًا عناصر table وcheckbox وchip وselect وpagination وsegmented-control الأساسية التي يتألف منها:
الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.
تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.
npx boardui@latest add data-tableهل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.