Ei bine, după vreo 5 ani îmi permit să revin la pluginul DataTables, bucuros să văd că proiectul este încă activ şi… îmi foloseşte intens într-un nou proiect la care lucrez. Nu ştiu voi, dar pe mine tabelele mă cam exasperează: în special integrarea lor în design şi capacitatea de adaptare după rezoluţie, dar şi problema funcţionalităţii. Din fericire pluginul îşi face cu brio datoria. Am mai scris de vreo două ori despre acest plugin în trecut, dar la atâţia ani o iau ca de la zero: pluginul cere includerea unui fişier CSS pentru partea de aspect, a unuia JS pentru funcţionalitate (atenţie: depinde de jQuery deci mai vine fişierul JS pentru jQuery) şi o linie gen $('#tabelul-meu').DataTable();
ca să aveţi un start nemaipomenit.
Am luat de pe Wikipedia tabelul de mai jos ca să am ce să demonstrez şi dacă veţi privi în sursă veţi vedea că atâta e tot ce trebuie! Ok, dacă v-aţi uitat în cod aţi văzut că mint puţin: mai e un parametru la activarea tabelului ca să „vorbească” pe româneşte. Dar tot simplu este. În fapt pentru română vedeţi aici cum puteţi integra propria traducere.
Ce m-a impresionat la plugin:
- uşurinţa în utilizare: scos din cutie şi face deja lucruri extraordinar de utile; desigur, nu la orice tabel vă trebuie sortări sau căutări – în astfel de cazuri o soluţie simplă de afişare (un CSS bun) poate fi de ajuns
- flexibilitatea lui: nu vrei boxa de căutare? nu vrei paginare? nu vrei după coloana 3 să se poată sorta? vrei ascunderi dinamice de coloane? interacţiuni poate pentru filtre? poţi configura după cum doreşti – niscaiva frunzărire în documentaţie şi veţi găsi
- atenţia la detalii: inerent, cu cât l-am folosit mai mult, cu atât am devenit mai pretenţios; de exemplu afişam ceva în coloană, dar sortarea coloanei doream să o fac puţin altcumva (sună absurd, dar credeţi-mă sunt situaţii, ce mi-ar lua aici prea mult să explic) – DataTables îţi permite cu data-order să pui după ce valori să se facă sortarea
- extensibilitatea: da, sunt pluginuri la pluginuri ce extind puterile lui DataTables
Gata cu reclama. Dacă vă interesează aruncaţi o privire pe exemple şi vedeţi ce chestii teribile ştie.
Județul |
Reședința |
Populația |
Densitate [loc/km²] |
Suprafața |
Alba |
Alba Iulia |
342.376 loc. |
55 |
6.242 km² |
Arad |
Arad |
430.629 loc. |
56 |
7.754 km² |
Argeș |
Pitești |
612.431 loc. |
90 |
6.826 km² |
Bacău |
Bacău |
616.168 loc. |
93 |
6.621 km² |
Bihor |
Oradea |
575.398 loc. |
76 |
7.544 km² |
Bistrița-Năsăud |
Bistrița |
286.225 loc. |
53 |
5.355 km² |
Botoșani |
Botoșani |
412.626 loc. |
83 |
4.986 km² |
Brașov |
Brașov |
549.217 loc. |
102 |
5.363 km² |
Brăila |
Brăila |
321.212 loc. |
67 |
4.766 km² |
Buzău |
Buzău |
451.069 loc. |
74 |
6.103 km² |
Caraș-Severin |
Reșița |
295.579 loc. |
35 |
8.520 km² |
Călărași |
Călărași |
306.691 loc. |
60 |
5.088 km² |
Cluj |
Cluj-Napoca |
691.106 loc. |
104 |
6.674 km² |
Constanța |
Constanța |
684.082 loc. |
97 |
7.071 km² |
Covasna |
Sfântu Gheorghe |
210.177 loc. |
57 |
3.710 km² |
Dâmbovița |
Târgoviște |
518.745 loc. |
128 |
4.054 km² |
Dolj |
Craiova |
660.544 loc. |
89 |
7.414 km² |
Galați |
Galați |
536.167 loc. |
120 |
4.466 km² |
Giurgiu |
Giurgiu |
281.422 loc. |
80 |
3.526 km² |
Gorj |
Târgu Jiu |
341.594 loc. |
61 |
5.602 km² |
Harghita |
Miercurea Ciuc |
310.867 loc. |
47 |
6.639 km² |
Hunedoara |
Deva |
418.565 loc. |
59 |
7.063 km² |
Ialomița |
Slobozia |
274.148 loc. |
62 |
4.453 km² |
Iași |
Iași |
772.348 loc. |
141 |
5.476 km² |
Ilfov |
București |
388.738 loc. |
246 |
1.583 km² |
Maramureș |
Baia Mare |
478.659 loc. |
76 |
6.304 km² |
Mehedinți |
Drobeta-Turnu Severin |
265.390 loc. |
54 |
4.933 km² |
Mureș |
Târgu Mureș |
550.846 loc. |
82 |
6.714 km² |
Neamț |
Piatra Neamț |
470.766 loc. |
80 |
5.896 km² |
Olt |
Slatina |
436.400 loc. |
80 |
5.498 km² |
Prahova |
Ploiești |
762.886 loc. |
162 |
4.716 km² |
Satu Mare |
Satu Mare |
344.360 loc. |
78 |
4.418 km² |
Sălaj |
Zalău |
224.384 loc. |
58 |
3.864 km² |
Sibiu |
Sibiu |
397.322 loc. |
73 |
5.432 km² |
Suceava |
Suceava |
634.810 loc. |
74 |
8.553 km² |
Teleorman |
Alexandria |
380.123 loc. |
65 |
5.790 km² |
Timiș |
Timișoara |
683.540 loc. |
78 |
8.697 km² |
Tulcea |
Tulcea |
213.083 loc. |
25 |
8.499 km² |
Vaslui |
Vaslui |
395.499 loc. |
74 |
5.318 km² |
Vâlcea |
Râmnicu Vâlcea |
371.714 loc. |
64 |
5.765 km² |
Vrancea |
Focșani |
340.310 loc. |
70 |
4.857 km² |
0 comentarii