"Jaký řádky tabulky HTML

Jak třídit řádky HTML tabulky

Snad nikdo nevšiml n'era první - nebo možná taky ne mě n'ero jsem prostě nevšiml! - Ale již od roku 2006 je krásný javascript, který vám umožní seřadit řádky v tabulce podle různých kritérií.

Být javascript skript, jak již bylo uvedeno, toto je Noninvasive, že se to děje na straně klienta, že je vám programátoři, stačí provést kód do stránky, kde bydlí s tabulkou pro manipulaci a nevytváří nějaké divné alchymie po proudu.

Tento skript je revidovaná verze starší skript, který učinil totéž, ale byl pomalejší v datech.

Můžete si napsat vlastní funkce pro seřazení řádků
můžete zvýraznit řádky a sloupce se střídajícími se barvami
Skript automaticky zjistí, o jaký druh dat ve sloupci (čísla, písmena, ...)
lze definovat funkce před a po reorganizaci řádky

Například základní, druh výzvy, které budou řadit tabulce bude takhle:

  fdTableSort.jsWrapper (yourTableId, colNum);

Chcete-li provést nějakou sloupce lze pracoval na TH className setříditelný. Skript bude určit typ dat sloupce je vytvořit čele kolony Klikněte na šipku s cílem.

Chcete-li udělat pravidelný sloupek ve sloupci "cílem" je dostatečné k tomu, aby přiřadit štítky TH className = "setříditelný".

Typů dat objednané uznány, jsou:

holý text (malá a velká písmena, která nebere v úvahu rozdíl mezi velká a malá písmena).
datum (dd-mm-rrrr, mm-dd-yyyy, rrrr-mm-dd)
měn (€, $, £, ¥)
čísel a desetinných míst

odkaz: decentní Tabulka Řadit Script (přehodnocovat), dema

Ale kdyby náhodou nebo použité jQuery dávají přednost řešení velmi jednoduché a snadné nasazení, tam je i modul pro tento rámec.

JQuery plugin nazývá TableSorter, a použít je - jak jsem řekl - je velmi snadné ...

1. Zadejte výzvu k jQuery a TableSorter uvnitř <head>

  <script type="text/javascript" src="/path/to/jquery-latest.js"> </ script> <skript type = "text / javascript" src = "/ cesta / k / jquery.tablesorter.js "> </ Script>

2. Uveďte správné ID v tabulce na objednávku

  <table id="myTable">

3. Nesmíme zapomenout na volání

  <script> $ (document). připraven (function () ($ (# mytable). tableSorter ();)); </ script>

Podobné položky

Sponzorované odkazy:

Pokud se vám líbil článek je vždy vítána komentář! Pokud chcete dostávat aktuální novinky z mého blogu můžete také přihlásit k odběru kanálů RSS (neplatí). Dokonce i prostřednictvím e-mailu. AHOJ!

1 reakce na "Jak třídit řádky tabulky HTML"

Mozilla Firefox 3.0.1 Windows XP
Doz napsal:
4. srpna 2008 v 17:58
Přidat SortTable Stuart Langridge av tabulce trochu Mike sál, který slouží také k jakési řádky tabulky.