In an online retail application, the Order Receipt view displays a list of the products...

To display the required information as described, you can add a repeating dynamic layout with embedded dynamic layouts and add the total cost outside the repeating dynamic layout. A repeating dynamic layout is a UI element that displays data from a list or table source in various formats, such as cards, grids, or inline grids. You can embed dynamic layouts within a repeating dynamic layout to organize and present data in different sections or columns. You can add the total cost outside the repeating dynamic layout to display it at the bottom of the view. References: https://community.pega.com/knowledgebase/articles/user-experience/86/configuring-repeating-dynamic-layouts