[Feature Request]: Support for rendering custom React nodes as expanded row content in Table component

[JASWANTHI8]

Description

Description:
Currently, the Table component's expandableRows API only supports rendering nested data as expanded rows, not arbitrary React nodes. In many use cases, it is necessary to display custom content (such as forms, charts, or complex layouts) when a row is expanded, rather than just additional table rows.

Use case:
We have a requirement to show rich, custom React content (not just nested table rows) when a user expands a row in the Table. For example, we may want to display a detailed panel, a form, or a summary card that spans the full width of the table. The current API does not support this, as the expanded content must be an array of items rendered as additional rows.

Benefit:
Supporting custom React nodes as expanded row content would make the Table component much more flexible and powerful, enabling a wider range of use cases without having to reimplement table features (sorting, selection, pagination, etc.) manually.

Request:
Please consider adding a prop or API to the Table component that allows developers to render arbitrary React nodes as the expanded content for a row, similar to how some other table libraries support expandable panels or detail rows.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate requests

[YueyingLu]

Hey @JASWANTHI8 ,

thanks for the request.
I am adding this request to an internal ticket, id AWSUI-22140.