جدول البياناتDataTable

أضفه إلى مشروعك

نفّذ الأمر داخل مشروعك لإضافة المكوّن مباشرة من الرابط. يتولى المثبّت إضافة ملفات الحزمة وعددها 13، بما فيها الثيمات والاعتماديات.

pnpm dlx shadcn@latest add https://tirazkit.moud4477.chatgpt.site/r/table.json

pnpm dlx shadcn@latest add ./table.json

الاستخدام

المكوّن يرث الألوان والاتجاه من مزوّد الثيم. غيّر قيمة الثيم لتستخدم نفس الكود بهوية مختلفة.

"use client";
import { Theme } from "@/components/tirazkit/theme";
import { DataTable } from "@/components/tirazkit/table";

export default function Example() {
  return (
    <Theme theme="dga" locale="ar">
      <DataTable columns={[{ key: "name", label: "الاسم" }, { key: "status", label: "الحالة" }]} rows={[{ id: "1", name: "طلب زيارة", status: "مكتمل" }]} />
    </Theme>
  );
}

الخصائص الأساسية

إرشادات الاستخدام

البحث والترتيب والترقيم تتم محليًا على البيانات الممررة. اربط الجداول الكبيرة باستعلامات وترقيم على الخادم حسب حاجة مشروعك.