Rearanjare tabel fara a modifica codul html

Buna ziua!

De exemplu este urmatorul tabel

<table>
  <tr>
	<td>1</td>
	<td>2</td>
  </tr>
  <tr>
	<td>a</td>
	<td>b</td>
  </tr> 
</table>

si se va afisa:
1 2
a b

Cum fac sa se afiseze:
1 a
2 b
fara a modifica manual ordinea "td"-urilor in codul html.

Multumesc!

https://stackoverflo...f-an-html-table

neagu_laurentiu, on 25 august 2019 - 18:11, said:

Multumesc, am gasit solutia:

table { border-collapse: collapse; }
tr { display: block; float: left; }
th, td { display: block; border: 1px solid black; padding:10px; }

Edited by alex05ok, 25 August 2019 - 18:23.

iti recomand ca acest cod sa nu-l faci pt productie pt ca mai devreme sau mai tarziu, tu sau altul nu veti stii ce a vrut sa faca acea bucata de cod.Codul pe care l-ai scris tu
este cod exotic.
Solutia pt productie la problema ta:
datele din tabel le pui intr-un obiect Javascript, apoi folosesti agortimul clasic de transpunere a unei matrici, dupa care
tiparesti tabelul cu valorile transpuse.

Solutia pe care ai copiat-o tu este una neprofesionista doarece foloseste un hack care permite acest lucru la nivel CSS.  Adica tu folosesti cod de generare a unui layout(decoratii, prezentare celule)\
pt a rezolva o problema de business-logic(prelucrarea unor date numerice)

Acest lucru este OK, daca il faci in proiectul tau personal, insa nu este deloc OK , daca lucrezi in echipa si mai ales pt productie.De atlfel ma astept ca solutia ta sa fie blocata de team-lead cand iti
face review la cod.

Vezi solutia data de @neagu_laurentiu

@OP, o alta solutie care implica un nivel de abstractizare elevat, ar mai fii ca acele date ale tale sa le pui intr-un JSON, transpunerea o faci prin  cod Javascript folosind acelasi JSON dupa
care randezi tabelul html folosind insa datele prelucrate din JSON.Iar randarea o faci tot prin javascript.