I see that using Repeating Grid layout(https://pdn.pega.com/repeating-grid-and-repeating-dynamic-layouts), you cannot get the desired behavior (that is) stacked record over row because, in the repeating grid layout configuration is made for the column. Here, you can add/remove column from the Design layout. However, you cannot add/remove rows from the Design layout.
Can you verify if below approach helps at your end?
- Create layout group of stacked type
- create repeating grid with only one column pointing to first field (say ID)
- create repeating grid with only one column pointing to second field (say Name)
- create repeating grid with only one column pointing to third field (say Description)
This would display outcome as:
Can you try as Joel suggested i.e. use Repeating Dynamic layout and configure fields ID, Name, Description to a section. Refer this section to use Report Definition as source(which was used for your repeating grid).
In addition to configuring responsive behavior for the grid, you can mark all the columns as secondary and have a label(which is equivalent to the header column) for pxDisplayText control. Now via styling this label can be aligned top to get the desired results.