[QA] Project list: pinned column header disappears / misaligns after dragging a pinned column

[renishsurani]

🐛 Bug Report

Description

On the Projects list view, dragging a pinned column breaks the table header. The heading of the dragged column moves to the wrong position and the neighbouring pinned column's heading disappears, while the data rows stay unchanged.

Steps to Reproduce

1. Go to Projects and open a view with pinned columns (e.g. "QA 2086 Column Test" — Burn rate/week, Phase, Project name are pinned).
2. Drag the pinned Phase column header to the right to reorder it.
3. Release the drag and observe the header row.

Expected Behavior

The column heading should move along with its data column, and all other headings should stay visible and aligned with their columns.

Actual Behavior

• The Project name heading disappears completely.
• The Phase heading shifts and sits above the Project name data column.
• Headings no longer line up with their data columns, and the data order does not change.
• The broken header stays that way after the drag ends.

Also seen in the same view: when the table is scrolled horizontally, the Cost burn heading disappears while its data cells remain visible.

Screenshots/Screencasts

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

Environment

• Browser: All Browsers

[renishsurani]

I have verified that the reported issue is now fixed.

Note:

• Only 3 columns can be pinned. At the limit, the pin option disappears everywhere — unpin one to free a slot.
• Reordering works only within a section: pinned among pinned, normal among normal. You can't drag a column across the boundary.
• On tablet and mobile, pinned columns don't stay fixed — they scroll like normal ones so nothing gets hidden.
• The last remaining column can't be removed.

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

QA Status: ✅ Pass

cc: @Ajay-Jaiswal416