Make table header sticky on lengthy tables
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 233
- Forks
- 61
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 82
Description
The Problem
1. Location of Issue:
2. Describe the Issue:
In the "Comparing Equality Methods" section, when scrolling the comparison table, it can be easy to forget what each column is supposed to represent as you'd have to scroll back to the start of the table every time to check(the table head and memorize the column names before scrolling back to where you were) because the table is quite lengthy.
3. Link to Visual/Recording Evidence (For UX):
https://github.com/user-attachments/assets/ddf8bfd8-b47c-44b7-825c-628bf77e245d
Environment
Browser: Chrome 141
OS: Windows 10
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
Start with the Comparing Equality Methods section on the linked MDN page and trace how its table is rendered in the Fred frontend. Check the existing table styles and responsive behavior before making the header remain visible while scrolling, then verify the table in Chrome at the referenced page and confirm the column labels stay readable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 64/100