Javascript tabel HTML dinamic

Mi-a luat un proiect cu câteva zile în urmă pentru a face tabel HTML care ar fi dedus serverul php skipt. Dar masa nu este un simplu și dinamic. Dinamică, în sensul că a fost necesar pentru a permite utilizatorului să modifice datele din ea. Adăugați și ștergeți rânduri, precum și pentru a trimite datele editate la server. In acest articol voi descrie procesul de creare a unui tabel HTML, precum și a vă oferi un complet de lucru, a comentat listare.

Atenție! La cererea script-distinsului lui Pavel a fost finalizat. Ca urmare, acesta a devenit mai funcțional. Acum este posibil de a plasa alte elemente ale HTML-forme. Script-ul a devenit mai mici. În plus, puține s-au schimbat structura datelor trimise la server, cred că a devenit mai convenabil. Din păcate, dacă da o descriere a script-ul de pe pagina, aveți nevoie pentru a rescrie întregul articol, dar eu nu vâna. Așa că am umplut noul script pentru magazia dumneavoastră: tabel HTML dinamic în cazul în care există, de asemenea, un exemplu complet și o descriere a modului în care să-l folosească și un exemplu de modul de procesare a datelor de pe server.

În cele din urmă obtinerea tabel HTML va fi de aproximativ după cum urmează:

Se creează un element din titlu gol și o adaugă la masa

Se creează un element TFOOT gol și o adaugă la masa

Se creează un element THEAD gol și o adaugă la masa

Caption elimină primul element

Ștergerea rândului din tabel

TFOOT elimină un element din tabelul

Element THEAD elimină din tabel

Se creează un șir gol și o adaugă la masa

Folosind acest instrument de a crea tabelul nostru html dinamic. M-am gândit că tabela sursă pentru lucrarea ar trebui să fie cât mai natural posibil. lui Navrode acest lucru:

Ca rezultat, comprimat script tabel dinamic html „cântărește“ 1.15Kb și oferă doar o singură funcție - constructor DynamicTable care acceptă trei parametri:

GLOB - contextul global (obiect fereastră sau acest lucru)

htmlTable - html - element de tabel care va face dinamic.

config - configurația obiectului *

configurație de obiect trebuie să includă proprietățile ca numere întregi:

tabel HTML dinamic

Cred că utilizarea acestui script pentru a găsi este posibil.

După ce formularul este „plecat“ la server în matrice $ _POST, putem observa ceva de genul următoarele:

ne putem ocupa de acest monstru, după cum urmează:

Tabel cu linii prestabilite stampilat

Potrivit lucrătorilor cererile de masă script răspândit cu linii pre-ștampilate: