Create guidance and assets to help create and display tabular data, especially in a condensed space

crud_component investigation findings and recom... (#2965 - closed) identified there is an opportunity to better guide and support the creation of tabular data. Especially when the space is limited, such as inside another container.

Table implementations are reasonably consistent, but struggle on small viewports

Table implementations visual deviation in header style. The small viewport/container experience where each row becomes its own table is likely to be suboptimal. This will be more apparent if more uses engage with these as part of a smaller container.

Different header styles hint at different implementations

Although not verified in the code, it looks like there are different implementations of a table used in instances.

A selection of different header styles, including sorting, no border, and even resizable in GLQL embedded view.

Table reflow will likely slow users down for long lists

Implementations tested would reflow each table row into key:value pairs. This changes the way users can compare across items.

This is something that is likely to be more common after adopting a panel based architecture. Perhaps the system should offer the option for overflow scroll as seen in GLQL embedded views.

Kapture 2025-08-22 at 14.54.32.mp4

Video showing 1) table reflow across viewport/container sizes, 2) table breaking out of container (bug)