Jump to content

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

Conectare TV, telefon și pc ...

PROIECT CASUTA MICA IN JUR DE 40M...

Vecini cu chef de renovari.
 La multi ani @TheSignMetro64!

Exista firme DDD dezinsectie Bucu...

Masina noua - plata finala

Laptop 17" - baterie buna
 Uree 239 analize catel

Programare Sala Tulcea

Tensiune mica Smart Forfour 2017

Reglaj a
 Desparțire de sotie

Problema combina frigorifica

Persoanele care nu se scalda (in ...

Redmi K50 in Reteaua Digi
 

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

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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