Building the HTML table - columns first

Asked Aug 07 '13 at 08:28

Active Aug 07 '13 at 08:57

Viewed 524 times

Let's say I have the following 2-dimensional structure (1) (with different number of columns):

|T11  T12  T13     |
|T21  T22  T23  T24|
|T31  T32          |

and I would like to build the HTML table with this data, but in the following way (2):

|T11  T21  T31|
|T12  T22  T32|
|T13  T23     |
|     T24     |

So actually using matrix transposition doing this is straightforward.

BUT if I am extracting the data from more complicated JSON object and parsing this on-the-fly to get to get this (1), I would prefer just to loop over the (1) somehow to get the output (2) without using transposition.

Could you please help me to understand the best method to achieve it?

edited Aug 07 '13 at 08:57

Nicklas Nygren

2,595
13
19

asked Aug 07 '13 at 08:28

user1029968

And you want to do this with jQuery? – putvande Aug 07 '13 at 08:31
can you show us some example json that you will parse and example html code of an output table that should result from that and a jsfiddle to work with? – Tschallacka Aug 07 '13 at 08:32
1

I really think transposition is the way to go. And it's easily done. http://stackoverflow.com/a/4492703/2335006 – Nicklas Nygren Aug 07 '13 at 08:33
1

Or, just build the table normally and then display it in a transposed way with CSS... http://jsfiddle.net/MrLister/n9pfy/4/ – Mr Lister Aug 07 '13 at 11:37

Building the HTML table - columns first

0 Answers0