homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

dynamic nested data tables
best markup structure

WebmasterWorld Senior Member 10+ Year Member

Msg#: 3575560 posted 9:29 am on Feb 15, 2008 (gmt 0)

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.
Ideas welcomed.



5+ Year Member

Msg#: 3575560 posted 6:38 pm on Feb 16, 2008 (gmt 0)

That's a very broad and general question. I'm not sure what you're asking, But I'll guess. You're not describing a floating box/table layout, so typical now, but more a line-oriented treeview. If it's a treeview, the hierarchy is obvious. And you can open and close levels as you wish.

But if you are using boxes and thumbnail images, you might have a floater of a fixed size, perhaps, that pops up from the item and which displays more and more detailed info, except that you can't back out. You close, and start top-down again. One way to work out would just be to provide a nav-path, like you see even here in the 'blue line', above. Then you click back on each level.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 3575560 posted 9:14 am on Feb 18, 2008 (gmt 0)

I perhaps havent made it clear what im trying to do.

Its not page layout and nothing to do with floats.

Its a data table where each row can have 0 or more child rows.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved