[QA] Project list: pinning all columns breaks the table — columns overlap and horizontal scroll stops working

[renishsurani]

🐛 Bug Report

Description

On the Projects list view, if all (or nearly all) columns are pinned, the table layout breaks. The pinned columns are wider than the screen, so horizontal scrolling no longer works, and the last columns render on top of each other. There is currently no limit on how many columns can be pinned.

Steps to Reproduce

1. Go to the Projects page
2. Open Columns and pin all the columns.
3. Drag the horizontal scrollbar at the bottom of the table.

Expected Behavior

The table should stay readable. Only a limited number of columns should be allowed to be pinned (a maximum limit), so there is always enough width left for the unpinned columns to scroll.

Actual Behavior

• Dragging the horizontal scrollbar does not scroll the table — the columns stay in place.
• Columns after Client name (Contract end date, etc.) cannot be reached at all.

Screenshots/Screencasts

Screen.Recording.2026-09-22.at.1.29.30.PM.mov

Environment

• Browser: All browsers

[b1ink0]

For QA team:

Now we only allow up to three columns to be pinned. On smaller screens, pinned columns behave the same as unpinned columns to ensure that no columns are hidden.
If you already have an old view saved with more than three pinned columns on staging, they will need to be unpinned. Since this has not yet shipped to production, that is fine and avoids adding unnecessary backward-compatibility code.

[renishsurani]

I have verified the reported issue has been resolved on staging.

Once the pinned column reaches the limit, the button gets disabled:

On smaller screens, the pinned columns behave normally, as expected:

Screen.Recording.2026-09-28.at.3.41.38.PM.mov

QA Status: ✅ Pass

cc: @Ajay-Jaiswal416