I assume you will have the row descriptors in a leftmost column, and render the two product columns to the right of it? If it is a simple thing, like one column with 5 rows, I wouldn't even use a table. Just make a containing div for each column (which you can cache as a partial), and put divs inside for each row/cell. Give each row/cell div a class that corresponds to the row descriptors' class. You can just have a permanent, cached stylesheet with all the heights and widths defined in CSS, so no JS needed. If you envision needing to have dynamic row heights, a simple JS script could calculate the tallest "row" height of the three columns and adjust the other columns' row heights accordingly based on CSS class selectors (jQuery is great for this!).
You could even do this with seperate tables if they are easier for you to use, depending on your needs. If it is as simple as it sounds, I would stay away from tables. Easier to style with divs. I haven't ever done this type of thing personally, but that is one way. And I like Jordan's idea, especially if you want to compact the format for any product to show in a checkout page or what not, since it may not need the column style to display info about the object. Good luck, Adam -- Adam Grant Lead Web Engineer Telaeris, Inc. [email protected] (858) 627-9710 --~--~---------~--~----~------------~-------~--~----~ SD Ruby mailing list [email protected] http://groups.google.com/group/sdruby -~----------~----~----~----~------~----~------~--~---
