AdvancedTable - AppFrame followup

[didoo]

📌 Summary

Looking at #2789 I noticed a couple of possible improvements.

🛠️ Detailed description

In this PR I have:

• moved the iFrame with the AdvancedTable AppFrame demo in the “AdvancedTable” showcase page
  • reason: is more consistent with the other "demo" sections, it provide an in-page example via the iFrame, and a link to the full page via the "external link" icon in the frame
• moved the “overflow wrapping logic” from the AppFrame main container to a local wrapper of the GenericAdvancedTable demo component
  • reason: we're not touching the main container, making the example more similar to what consumers would have in production

⚠️ Notice: @shleewhite this made me think if the "problem" of having a wrapper with overflow: auto (or min-width: 0) would be a problem that consumer would have too. In which case, we should consider having the hds-advanced-table__container as display: grid or something similar, so this would work out of the box instead of having to taking care of the overflow themselves. @KristinLBradley what do you think?

Preview:

• AdvancedTable showcase page demo
• AppFrame standalone demo

---

👀 Component checklist

• Percy was checked for any visual regression

💬 Please consider using conventional comments when reviewing this PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
hds-showcase	✅ Ready (Inspect)	Visit Preview	Apr 28, 2025 3:56pm
hds-website	✅ Ready (Inspect)	Visit Preview	Apr 28, 2025 3:56pm

[shleewhite]

@didoo agree about the overflow: auto thing.. this came up because the scroll bar was not showing up in the "right" context for the horizontal scrolling.

Another thing, we have a ticket open to investigate the best way to set the height for the table. In the showcase, I had to cap the table at 600px to make sure the thead would stick which isnt ideal. The overflow: auto fix could also be added in with that work.

[shleewhite]

Changes look good, I just left the one suggestion.

[didoo]

@shleewhite I've rebased my branch on hds-4777/revive-enterprise-nav (#2837) to avoid conflicts in your PR (which is more urgent/important)

The base branch was changed.

[didoo]

@LilithJames-HDS after your branch has been merged to main I had to rebase; can you re-approve?