Skip to content

Build advanced table component with sorting, filtering, and column control #86

@Abidoyesimze

Description

@Abidoyesimze

Description:

  • Create a reusable table with sortable columns, column visibility toggle, and filters
  • Support sticky header on desktop and responsive card layout on mobile
  • Use mock datasets and local state for all interactions
  • Design spec (must use; measurable):
    • Tokens per Issue 3
    • Row height 52–60px; header height 44px
    • Column toggle menu keyboard accessible; focus ring visible
    • Zebra striping optional and theme-consistent

Acceptance Criteria:

  • Sorting, filtering, and column visibility work
  • Desktop table + mobile card variants
  • Accessible interactions for controls
  • PR includes screenshots for both variants and controls open

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions