Skip to content

[ISSUE] Search Component #3

@constbeecoding

Description

@constbeecoding

Expected Behavior

Dynamically create and add a search bar/component.

  • Add Search Component (Avoid making any changes in the index.html file and instead use your JavaScript skills for this.)
  • Add Functionality to Search Component (When the "Search" is performed, the student data is filtered so that only students whose name includes the search value are shown. The search should be case insensitive and work for partial matches.)
  • Add Pagination for Search Results (The pagination buttons should change based on the number of matches to the search. If nine or fewer matches are found, there should be 0 or 1 pagination buttons. If 22 matches are found, there should be 3 pagination buttons. Clicking on a pagination button should display the corresponding matching students for that page.)
  • Handle No Search Matches (Should be printed to the page)

Current Behavior

  • Students output on the page.
  • Pagination Component is Present and Functional

This feature is not complete.

Metadata

Metadata

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions