DataTableProps

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:25

Props for DataTable component.

Type Parameters

TData

TData extends object

Row data type (must have _id field for selection)

Defaults:

• isDone: true
• isLoadingMore: false
• enableRowSelection: false
• enableBulkActions: false
• entityName: “items”
• isDeleting: false
• isLoading: false

Properties

columns

columns: ColumnDef<TData>[]

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:30

TanStack Table column definitions.

---

data

data: TData[]

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:27

Array of data to display in table rows.

---

enableBulkActions?

optional enableBulkActions?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:72

Enable bulk action bar when rows are selected. Requires enableRowSelection=true to work.

---

enableRowSelection?

optional enableRowSelection?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:66

Enable checkbox column for row selection.

---

entityName?

optional entityName?: string

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:80

Entity name for UI labels (e.g., “posts”, “files”). Used in bulk delete modal: “Delete 5 posts?“

---

isDeleting?

optional isDeleting?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:92

Whether bulk delete mutation is in flight. Disables bulk action buttons during deletion.

---

isDone?

optional isDone?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:38

Whether all results have been loaded. When true, Load More button is hidden.

---

isLoadingMore?

optional isLoadingMore?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:50

Whether Load More query is in flight. Shows loading state on button.

---

isPending?

optional isPending?: boolean

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:100

Whether initial data is loading. Shows loading skeleton in table body.

---

onBulkDelete?

optional onBulkDelete?: (selectedIds) => Promise<void>

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:86

Callback when bulk delete is confirmed. Receives array of selected document IDs.

Parameters

selectedIds

string[]

Returns

Promise<void>

---

onLoadMore?

optional onLoadMore?: () => void

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:44

Callback when Load More button is clicked. Parent should fetch next page and append to data.

Returns

void

---

totalCount?

optional totalCount?: number | null

Defined in: packages/react/src/components/ui/data-table/DataTable.tsx:61

Total count of documents across all pages.

• number when count succeeded
• null when collection has >32k documents
• undefined when count not requested

Used to show “All X items loaded” message.