This question is for anyone who has ever had any input on the age old question about whether divs or tables are better for layout and/or tabular data.
CSS purists say divs. Others say divs for layout, tables for tabular data (including me most of the time). What do you say?
Enough of the philosophy, here is my question:
I have a page with a table (with tabular data in it), each row has an onclick event on an 'expand' button. This makes an AJAX request and returns the extra data to be displayed in the row.
The main problem is, IE has the tr element's innerHTML property as read-only, so to be cross-browser compatible I can't update the entire row in one request. Apparently I need one request for each cell in the row which is to be updated. Which if you ask me is poor programming. Thanks Gatesy.
So if I had the table built entirely of divs and css, I could SNAP! update an entire "row" in one AJAX request.
So in this case it seems to me that using a table for tabular data just isn't suitable.
So how do I make a table purely out of divs and css? Not only that, how to I make it act like a table? Eg: elastic column sizing etc?
Anyone have any input on this? Or a possible solution for me?