Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

probleme mașina de spalat rufe

Magazine care vand bere la keg

Proiect ciudat legat de metaverse...
 Daniel Fenechiu: Nu vom aște...

Transfer in acelasi pc cu FTP

Și daca industria europeana ...

Alimentare camera ip distanta 50m
 Nelamurire instalare internet

Cheie licenta Windows11

Sfat plantare arbori pentru o mic...

rachiu din gemuri si dulceturi
 Bara de cautare sa o mut jos?

Accesorii multitool Black and Dec...

Suma maxima.

Pilonul II - date de piata, tendi...
 

Rearanjare tabel fara a modifica codul html

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

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Î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: 39,728
  • Înscris: 30.07.2003
https://stackoverflo...f-an-html-table

#3
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Î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