Reimbursement Data Table
Component Detail
User Interface
medium complexity
frontend
0
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Sortable, paginated table component rendering the per-reimbursement breakdown with columns for peer mentor, period, expense type, amount, status, and payment date. Supports column-level sort toggling and row-level detail expansion.
reimbursement-table
Responsibilities
- Render paginated rows of reimbursement records
- Handle column sort toggle and emit sort change events
- Render inline status badges per reimbursement lifecycle stage
- Support row expansion to show linked expense and receipt details
- Render empty and loading states
Interfaces
renderTable(rows, sortConfig, pagination)
onSortChange(column, direction)
onPageChange(page)
onRowExpand(reimbursementId)
renderSortIndicator(column, activeSort)
renderStatusBadge(status)
renderExpandedRow(reimbursementDetail)