anomalyco / anomalyco/models.dev
Add frozen columns and row hover highlight to data table
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.7k
- Avg merge
- 3h 21m
- Merged PRs (30d)
- 873
Description
When horizontally scrolling through the data table, it's difficult to track which provider/model a row belongs to since the identifying columns scroll out of view. Additionally, with many rows visible, it's easy to lose track of which row you're looking at.
I'd propose:
- Frozen (sticky) columns
- Allow the Provider and Model columns to remain fixed on the left while scrolling horizontally
- Options:
- Always freeze these columns by default
- Add a toggle/setting to freeze specific columns
- Right-click context menu on column header to "Freeze column"
- Row hover highlight
- Highlight the entire row on mouse hover to improve visual tracking across wide tables
Use Case
When comparing metrics across many columns, I need to scroll horizontally while still seeing which provider/model I'm looking at. The frozen columns act as primary key references. Row highlighting helps when scanning data in dense tables, like this one.
Contributor guide
No contributing guide indexed for this repository
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 by locating the data table UI and reading how its columns and rows are rendered. Confirm the desired freezing behavior for Provider and Model, then implement sticky-column behavior and whole-row hover highlighting; done means horizontal scrolling preserves those identifiers and hovering visibly tracks the full row.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100