Zamoore/advanced table/column reordering 2

[zamoore]

📌 Summary

If merged, this PR will add support for column reordering to the AdvancedTable component.

🛠️ Detailed description

• Initial column order will be derived from whatever order the columns array is in OR may be explicitly set by passing in a columnOrder argument as an override.
• Added throttling via the requestAnimationFrame API to both resize and reorder actions. This helps prevent stuttering when these actions are being performed.
• After reordering, the optional onColumnReorder callback function will be called with an array of column keys in the newly updated order.
• Adds additional items to the column context menu for
  • Moving a column to terminal positions (beginning/end)
  • Move column - Enables keyboard movement via the reorder handle component

📸 Screenshots

🔗 External links

Jira ticket: HDS-4588
Figma file: [if it applies]

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist

• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've worked with GRC to document the impact of any changes to security controls.
  Examples of changes to controls include access controls, encryption, logging, etc.
• If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
  Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Updated (UTC)
hds-showcase	Ready	Preview	Sep 15, 2025 3:14pm
hds-website	Ready	Preview	Sep 15, 2025 3:14pm

[dchyun]

🟢 🟢 🟢
🟢 🚢 🟢
🟢 🟢 🟢

[shleewhite]

ok I hate to do this but I found a teeeeeeeny styling bug

the fantom border is still showing up on the reorder handle if you have a sticky header that is scrolled a bit down. it goes away when the header is not pinned.

[shleewhite]

Suggestion: this is totally a style thing that you are more than welcome to ignore, but I find these nested ternaries harder than necessary to understand. I'd just opt for an if statement here.

[zamoore]

ok I hate to do this but I found a teeeeeeeny styling bug

the fantom border is still showing up on the reorder handle if you have a sticky header that is scrolled a bit down. it goes away when the header is not pinned.

@shleewhite

Alright, this one was a little tricky. This was the same kind of stacking context issue we were seeing with the pinnable column. I made a change to where the scroll shadow is rendered and updated the styles/js a bit. Let me know what you think of this approach.

[shleewhite]

WOOO! looks great 🚢

[dchyun]

🚢 🎊