Report Data Table
Component Detail
User Interface
medium complexity
frontend
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Responsive paginated table component rendering per-peer-mentor activity rows within the Team Reports page. Supports column sorting, pagination controls, and chunked fetch for large organizations. Each row links to the individual peer mentor's activity history.
report-data-table
Responsibilities
- Render sortable columns: mentor name, total hours, activity count, contact count, last activity date
- Implement client-side pagination with configurable page size
- Trigger chunked fetch when organization has >100 mentors to avoid large payload
- Link mentor name cell to user detail page in User Management
Interfaces
rows: ReportRow[]
onSort(column: string, direction: asc | desc): void
onPageChange(page: number, pageSize: number): void
totalCount: number