Im trying to come with the best structure for the following data tables.
Basically each row initially is a data from a shopping basket, with an ID, a date, number of items, retailer, total price etc.
So far so good.
However, we need the ability for users to be able to click on a given row to dril down and display more detail - i.e. each individual product name, price etc. This needs to happen inline, ideally using ajax to make it fast and slick.
It seems to me that when expanded, the selected baskets data has become like an indivual table, with the main basket row being similar to the headers, that exists within he main table.
I cannot see how to mark this up to represent parent>child relationship between the baskets and the individual items, particuarily as the only the basket data is displayeed by default.
Hope im being clear.