anomalyco / anomalyco/models.dev

Add frozen columns and row hover highlight to data table

Open
#648 0 comments 1 reaction 0 assignees View on GitHub

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:

  1. 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"
  1. 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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.