frontend

---

Function: default()

default\<T>(__namedParameters): Element

Defined in: src/components/tables/DataTable.tsx:90

DataTable displays data in a responsive layout optimized for all screen sizes.

Features: - Generic type support for any data structure - Flexible column definitions with custom render functions - Responsive layout: cards on mobile (all data visible), table on desktop - Loading state with skeleton placeholders - Error state with alert message - Empty state with custom message - Striped rows (desktop) / bordered cards (mobile) - Hover highlighting on both layouts - Clickable rows/cards with pointer cursor

Breakpoint: Uses theme.breakpoints.sm (768px) to switch between layouts. This ensures critical patient/user information is never hidden on small screens.

Used on admin pages for users, patients, and other resources.

Type Parameters

T

T

Parameters

__namedParameters

DataTableProps\<T>

Returns

Element