Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii
 Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...
 Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor
 Discuții despre TVR Sport HD.

Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android
 

Rearanjare tabel fara a modifica codul html

- - - - -
  • Please log in to reply
4 replies to this topic

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
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!

#2
neagu_laurentiu

neagu_laurentiu

    Guru Member

  • Grup: Senior Members
  • Posts: 40,570
  • Înscris: 30.07.2003
https://stackoverflo...f-an-html-table

#3
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007

View Postneagu_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.


#4
MartinAdelberg

MartinAdelberg

    Member

  • Grup: Members
  • Posts: 866
  • Înscris: 23.08.2019
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

#5
MartinAdelberg

MartinAdelberg

    Member

  • Grup: Members
  • Posts: 866
  • Înscris: 23.08.2019
@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.

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate