Kako razvrščate vrstice HTML tabele
Morda ni nihče opazil n'era prvem - ali morda ne me n'ero Pravkar sem opazil! - Toda že od leta 2006 obstaja lepa javascript, ki vam omogoča, da razvrstite vrstic v tabelo, v skladu z različnimi merili.
Biti javascript skript, kot je omenjeno, je to noninvasive, ki se dogaja na strani odjemalca, ki je, vas programerje, ki ste jo pravkar izvaja kodo na stran, kjer je prebivala s tabelo za rokovanje in ne ustvarja nekaj čudnega alkimijo v smeri proti toku.
Ta skript je revidirana različica zgodnejšega skript, ki ni ista stvar, vendar je bil počasnejši v podatkih.
- S telefonom lahko piąete custom funkcije za razvrščanje vrstic
- lahko označite vrstice / stolpci z izmeničnim barve
- skripta samodejno določi, kakšne podatke v stolpcu (številke, črke, ...)
- lahko opredelimo naloge, pred in po reorganizaciji linij
Na primer osnovne, vrsto klica, da bo razvrščanje v tabeli se bo takole:
fdTableSort.jsWrapper (yourTableId, colNum); , Da bi kakršno koli stolpec lahko delal na SI className za razvrščanje. Skript bo določiti vrsto podatkov stolpcu je ustvariti glavo stolpca S klikom na puščico na vrstni red.
Če ľelite vključiti redno stolpca v stolpcu "Da", je zadostna za dodelitev oznake TH classname = "razvrščanje".
Vrste podatkov, urejenih priznane, so:
- golega besedila (male črke, ki ne upošteva razliko med velikimi in malimi črkami).
- datum (dd-mm-yyyy, dd-mm-yyyy, llll-mm-dd)
- valute (€, $, £, ¥)
- številke in decimalke
povezava: nevsiljivi Tabela Razvrsti Script (ponovno), A demo
--
Toda, če po naključju ali uporabljajo jQuery raje rešitev zelo preprosta in enostavna za razporeditev, obstaja tudi v vtič, da okvir.
JQuery plugin pozval TableSorter in ga uporabite, da - kot sem rekel - je zelo preprosto ...
1. Vnesite razpis za jQuery in TableSorter znotraj <head>
<script type="text/javascript" src="/path/to/jquery-latest.js"> </ script> <script type="text/javascript" src="/path/to/jquery.tablesorter.js"> </ script>
2. Daj pravilnega ID v tabeli, da
<TABLE Id="myTable"> 3. Ne pozabi, da pokličete
<script> $ (Document). Ready (function () ( $ (# Mytable). TableSorter (); )); </ Script>
Postavke podobne
- Poudarjanja avtor komentarji
- Zaobljenimi vogali, da HTML elemente
- Sestavljanke ustvariti sliko v javascript
- Meni drevo v Javascript
- Krat hitrejši dostop do vaše želene okvir s pomočjo AJAX API Knjižnice
Sponzorirane povezave:
 | Če vam je všeč članek so vedno dobrodošle a comment! Če želite prejemati najnovejše novice iz mojega bloga lahko tudi naročite na RSS vir (ne plačilnih). Tudi prek e-pošte. ZDRAVO! |  |
Doz wrote:
4. avgust 2008 ob 17:58
Dodaj SortTable Stuart Langridge in Tabela Razvrsti od Mike Hall, ki služi tudi za razvrščanje vrstic tabel.
Doz wrote:
14. november 2008 ob 11:53
JavaScript Tabela razvrščanja je lahki skript za preoblikovanje navaden tabelo v urejeno omrežje.
Zajete parametre za oblikovanje vrstic, glave razreda, avtomatičnega priznavanja vrste podatkov in razvrstite stolpce selektivno.
Po vstavitvi straneh v datoteko, JS, preprosta funkcija bo delo:
var sorter=new table.sorter("sorter");sorter.init("sorter",1);
E ", se lahko dajejo tudi v stolpcu, da bo" urejeno "na začetku in stolpce, ki ne bodo imele značilnost je mogoče naročiti.