jQuery plugins - Tablecloth
jan 22

Tablecloth

Táblázatok új köntösben

Verzió: 1.0.0
Kiadás dátuma: 2012/05/04
Fejlesztő: Brian Sewell
Liszensz: MIT

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