I think the easiest and most intuitive approach would be to simple utilize the functionality Magento provides already.
So, in order to achieve a structure as given in your screenshot you can create multiple sections - each of them holding exactly one
The result (namely, each item is displayed without any select/input possibility for the shop customer (besides the quantity, if you wish)) in the frontend then would look like this:
Only drawback might be that you got different headlines between each option (unless you but some effort on the template, CSS or block - whatever suits you best).
In addition - firstly just to had it mentioned at this point as well and secondly since this basically depends on what you'd like to achieve with this setup - you may want to thing about utilizing
The output in frontend would look like this:
But before going for one or the other you must understand that these two product types are completely different in the way they are working, hence also what they are used for differs a lot:
- While a
Bundle Product will be added to the cart "as is" - meaning, as a one position, inheriting all items specified - a
Grouped Product would just be used for displaying the
Simple Product together in the detail view but in cart again you will have them separated (hence the "group" could be overruled by the shop customer by just deleting an item from cart)
Grouped Product, other than a
Bundle Product, and basically for the above mentioned reason dose not provide any
required selection even in the detail view (you may specify a default quantity by this still can be overruled by the shop customer at any time)
Not knowing your requirement you will have to choose on your own based on whether it is just about a design aspect or an actual sales-based decision to display product as per your screenshot.