جدول (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>
);
}