Universal search bar for data table component
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Feedback summary
Improvements
Request:
Enable a universal search bar (that would search everything, not just a single column) for the data table component.
Why:
We continue to encounter features that require a universal or multi-column search, and in these situations, multiple search bars need to be incorporated into the design. Multiple search bars contribute negatively to users' cognitive load, and take up significant screen real estate, contributing to more cluttered designs.
Existing designs with multiple search bars:
- Learner Credit Management
- Integrations Error Reporting
Existing designs that have needed to circumvent this issue by utilizing a non-data table search:
- Explore Catalog
- Bulk Enrollment
We have additional use cases in the design pipeline for Learner Credit 2 that would benefit from this upgrade.
Bugs
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files or tests are named. Start by locating the data table component and its existing single-column search behavior, then review the listed designs for expected usage. Done means the component supports one universal search across the table instead of requiring multiple column search bars.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100