جدول داده (DataTable)

جدول داده یک کامپوننت است که منطق جدول را به صورت جداگانه محصور کرده است. این کامپوننت می‌تواند برخی از تنظیمات اولیه را از react-table ذخیره کند و شروع سریع با داده‌های جدول غیر همزمان شما داشته باشد.

پایه (Basic)

قابل انتخاب (Checkable)

پرس و جو (Query)

API

جدول داده (DataTable)
ویژگیتوضیحاتنوعپیش‌فرض
columnsشیء پیکربندی ستون‌های اصلی برای تمام جدولArray<Column>[]
dataآرایه داده‌هایی که می‌خواهید در جدول نمایش دهیدArray<any>[]
loadingآیا می‌خواهید نشانگر بارگذاری در جدول نمایش داده شودbooleanfalse
onCheckBoxChangeفراخوانی بازگشتی زمانی که وضعیت جعبه چک تغییر می‌کند، مقدار جعبه چک و داده‌های ردیف تغییر یافته را باز می‌گرداند(checked: boolean, row: any) => void-
onIndeterminateCheckBoxChangeفراخوانی بازگشتی زمانی که وضعیت جعبه چک نامشخص تغییر می‌کند، مقدار جعبه چک نامشخص و داده‌های تمام ردیف‌ها را باز می‌گرداند(checked: boolean, rows: any) => void-
onPaginationChangeفراخوانی بازگشتی زمانی که صفحه‌بندی تغییر می‌کند(pageIndex: number) => void-
onSelectChangeفراخوانی بازگشتی زمانی که اندازه صفحه تغییر می‌کند(pageSize: number) => void-
onSortفراخوانی بازگشتی زمانی که هر ستون مرتب‌سازی تغییر می‌کند، ترتیب مرتب‌سازی و شناسه ستون مرتب‌شده را باز می‌گرداند(pageSize: {order: 'desc' | 'asc', key: string}) => void-
pageSizesگزینه‌های اندازه صفحه قابل انتخابnumber[][10, 25, 50, 100]
skeletonAvatarColumnsستون‌هایی که نمایش آواتار اسکلتی در آن‌ها زمانی که بارگذاری فعال است مشخص می‌شودnumber[]-
skeletonAvatarPropsپروپ‌های آواتار اسکلتیAvatarProps-
pagingDataوضعیت صفحه‌بندی جدول{total: number, pageIndex: number, pageSize: number}{total: 0, pageIndex: 1, pageSize: 10}