A data table which includes sorting, filtering, pagination, bulk actions, column controls etc.
This is the building block of all data tables in the Dashboard.
Parameters
Readonly<DataTableProps<TData>>Props for configuring the DataTable.
React.ReactNodeColumnDef<TData, any>[]TData[]numberbooleannumbernumberSortingStateColumnFiltersState(table: TableType<TData>, page: number, itemsPerPage: number) => void(table: TableType<TData>, sorting: SortingState) => void(table: TableType<TData>, columnFilters: ColumnFilter[]) => void(table: TableType<TData>, columnVisibility: VisibilityState) => void(searchTerm: string) => voidVisibilityState{ [key: string]: FacetedFilter | undefined }booleanBulkActionsInput(table: TableOptions<TData>) => TableOptions<TData>This property allows full control over all features of TanStack Table when needed.
() => void(oldIndex: number, newIndex: number, item: TData, allItems?: TData[]) => void | Promise<void>Callback when items are reordered via drag and drop. When provided, enables drag-and-drop functionality. The fourth parameter provides all items for context-aware reordering.
booleanWhen true, drag and drop will be disabled. This will only have an effect if the onReorder prop is also set