Implementarea rândurilor într-o tabelă folosind jquery

Astăzi este o lecție foarte interesantă care vă va învăța să faceți un efect frumos asupra extinderii rândurilor mesei.

Această funcție vă va ajuta să grupați mai compact datele din tabel, precum și să economisiți spațiu în pagină. Cu ajutorul unui astfel de plugin, tabela poate conține mai multe informații utile: imagini, link-uri, diagrame și alte elemente.







Implementarea rândurilor într-o tabelă folosind jquery
Implementarea rândurilor într-o tabelă folosind jquery

Pentru a funcționa corect pentru fiecare înregistrare, trebuie să rezervăm două rânduri. Primul rând va fi cel principal, iar al doilea va afișa detaliile. Seria cu detalii este restrânsă \ se desfășoară când faceți clic pe rândul principal.

Implementarea rândurilor într-o tabelă folosind jquery

Ca de obicei, de la bun început, realizăm toate conexiunile scripturilor necesare: un cadru și un script auxiliar care face efectele posibile.

Acum creați masa. după cum sa menționat mai sus, ar trebui să existe un singur rând principal și unul auxiliar. Exemplul de mai jos este un exemplu cu țara americană. Există un rând principal și unul auxiliar, care conține imagini și linkuri către alte resurse. Un punct foarte important: seria auxiliară are parametrul colspan = "5". Acest lucru este important.

Pentru funcționarea corectă, avem nevoie și de următoarele stiluri:







Ele pot fi conectate la pagină și pot fi conectate la un fișier separat.

În opinia mea, a apărut un tabel foarte interesant.

Utilizați-l! Toate cele bune!

Ultimele 5 lecții din rubrica "jQuery"

Astăzi dorim să vă spunem despre biblioteca TypeIt - un plugin jQuery gratuit. Cu aceasta, puteți simula tastarea. Dacă totul este ajustat corect, puteți obține un efect foarte realist.

  • jQuery plugin pentru crearea unei cronologii.

  • jQuery plugin pentru crearea unei diagrame Gantt.

  • Un exemplu de încărcare a unui fișier prin PHP și jQuery ajax.

    Implementarea rândurilor într-o tabelă folosind jquery

    Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

    Implementarea rândurilor într-o tabelă folosind jquery

    Implementarea rândurilor într-o tabelă folosind jquery

    Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

    Implementarea rândurilor într-o tabelă folosind jquery

    Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

    Implementarea rândurilor într-o tabelă folosind jquery

    Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







    Articole similare

    Trimiteți-le prietenilor: