Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Rename SQL column

Achiziționare tuner TV !

Din ce este facuta terasa asta?

Cum accesez site-ul CNAS ?
 Algoritm simplu de calculare al u...

Bitdefender Total Security ș...

casa verde 2024

Intrerupator cu N - doza doar cu ...
 Incalzire casa fara gaz/lemne

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
 

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,571
  • Î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

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

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