
Tablecloth
Táblázatok új köntösben
Verzió: | 1.0.0 |
Kiadás dátuma: | 2012/05/04 |
Fejlesztő: | Brian Sewell |
Liszensz: | MIT |
- kategória:
- Táblák
- Segédeszközök
- Adatkezelés
- 1631
- 8716
- 0
- -
Bevezető
A plugin segítségével könnyedén testreszabhatjuk táblázatainkat. Ehhez használhatjuk a plugin által biztosított négy előre definiált stílust, illetve sajátot is készíthetünk.
A plugin együttműködik a (korábban már bemutatott) Tablesorter plugin-nal is, amellyel még tovább növelhetjük táblázataink hatékonyságát.
A plugin használatához a jQuery 1.7.2-es, vagy attól frissebb verzió szükséges!
Implementálás
CSS
<link rel="stylesheet" type="text/css" href="css/tablecloth.css" />
JavaScript
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablecloth.js"></script>
Deklaráció
$(document).ready(function(){ $('#pelda').tablecloth(); });
Teljes paraméterlista
-
theme: téma beállítása ('default' |
'dark' | 'paper' | 'none' |
'stats')
(alapértelmezett: 'default') - bordered: szegély engedélyezése/tiltása (true | false) (alapértelmezett: false)
- condensed: a 'top-padding' és 'bottom-padding' érték csökkentése a cellákban (true | false) (alapértelmezett: false)
- striped: váltakozó háttérszín engedélyezése soronként (true | false) (alapértelmezett: false)
-
sortable: adatrendezés engedélyezése/tiltása - a funkció működéséhez
szükséges a jquery.tablesorter.js
és a jquery.metadata.js
plugin-ok használata!
(true | false)
(alapértelmezett: false) -
clean: a cellák inline formázásainak és elavult attribútumainak törlése:
style, cellpadding, cellspacing, bgcolor, align, width, nowrap
(true | false) (alapértelmezett: false) -
cleanElements: a 'clean' paraméter engedélyezése
esetén szűkíthetjük az elemek körét, amelyre alkalmazni kívánjuk (alapértelmezett:
'*')
Példa:
Tisztítás kizárólag a táblázat fejlécében
$('#pelda').tablecloth({ clean: true, cleanElements: 'thead' })
- customClass: tetszőleges CSS osztály(ok) hozzárendelése a táblázat(ok)hoz