پرتوپرتو

جدول (Table)

کامپوننت نمایش داده در قالب جدول

معرفی

کامپوننت Table برای نمایش داده‌ها در قالب جدول استفاده می‌شود.

استفاده

لیست سفارشات اخیر
شماره سفارشمشتریمبلغوضعیت
#۰۰۱علی احمدی۱۲۰,۰۰۰ تومان
تکمیل شده
#۰۰۲مریم محمدی۸۵,۰۰۰ تومان
در انتظار
#۰۰۳رضا کریمی۹۵,۰۰۰ تومان
تکمیل شده
import {
  Table,
  TableBody,
  TableCaption,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from '@parto/ui';

export default function MyComponent() {
  return (
    <Table>
      <TableCaption>لیست کاربران</TableCaption>
      <TableHeader>
        <TableRow>
          <TableHead>نام</TableHead>
          <TableHead>ایمیل</TableHead>
          <TableHead>نقش</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell>محمد احمدی</TableCell>
          <TableCell>mohammad@example.com</TableCell>
          <TableCell>ادمین</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  );
}

در این صفحه