You can now go and inject the data you want to appear in each column of your repeating group.
Note: You may need to set your groups type to the same thing as your repeating group row data to easily inject data.
You will probably also want to remove the bold styling from the font.
At a basic level, you now have a fully responsive table ready to go!
By default each of your columns will be of an equal size.
If you want to customize the widths of some columns - perhaps you have a column that only shows a small value like a price for example.
To do this, you can apply either a min-width or max-width value to the value. Be careful though, you need to apply the exact same rules to the column header as you do to the value itself, to ensure they both respond in the same way as the page is stretched.
You can also use this same technique to add all sorts of other information to your table, such as images and buttons.
Just ensure the responsive rules for each element exactly match those of the column title!