Szaki Table Joomla! plugin

Legutóbbi változattal már nem csak CSV-ből, de SQL lekérdezésből is lehet táblázatot készíteni. Továbbá lehetővé teszi a táblázat oszlopok szerinti rendezését, sorainak zebra mintásra alakítását, címsor elem hozzáadását, tartalmának szűrését, hosszú táblázatok oldalakra való tagolását, és a táblázat szélességének intelligens növelését.

A Joomla! 1.5, 2.5, 3.0 alá készített Szaki Table plugin, amely jQuery keretrendszert használ, lehetővé teszi a táblázat elkészítését CSV adatokból, táblázat több oszlopos rendezését betűrend szerint, szűrését, átméretezését, sorainak jobb elkülönítését, illetve felsorolások szűrését is.

Szaki Table plugin demó

A demó kódja:

{szakitable filter="table"
 zebra="#eef" width="750"}

<table class="wide"> 

<thead> 

<tr> 

    <th>Name</th> 

    <th>Email</th> 

    <th>Due</th> 

    <th>Date</th> 

    <th>Difrence</th> 

    <th>Lorem</th> 

</tr> 

</thead> 

<tbody> 

<tr> 

    <td>John</td> 

    <td>Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát.</td> 

    <td>400.00 HUF</td> 

    <td>2010-12-29</td> 

    <td>+12</td> 

    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> 

</tr> 

...

</table>

{/szakitable}

Többoszlopos rendezés

A táblázat akár több oszlop szerint is rendezhető, ha az újabb rendezéshez a shift billentyű nyomva tartása mellett kattintunk a rendezni kívánt oszlop tetejére.

Szaki Table Joomla! plugin használata

A használatához a cikkben lévő táblázatot vagy felsorolást a {szakitable} {/szakitable} címkék közé kell tenni. Az első címkében lehetőség van a plugin vezérlésére. Például a következővel bekapcsolható a táblázat szűrése.

{szakitable filter="table"}
<table>
.
.
.
{/szakitable}

CSV fájlból táblázat

Szaki Table képes külső CSV fájlból is táblázatot készíteni. Az alapértelmezett elhatárolás a CSV-ben a ';'

{szakitable
 csv="http://link.hu/file.csv" filter="table" zebra="#eee" }

{/szakitable}

CSV fájl tartalma:

Name;Email;Due;Date;Difrence;CSV data

John;Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát.;400.00 HUF;2010.12.29;12;Lorem...

Ha az elhatárolás a CSV fájlban nem ';' akkor azt a csvseparator attribútum értékével adható meg. Ez tabulált lista esetén: csvseparator="\t", vessző esetén csvseparator=",".

{szakitable
 csv="http://link.hu/file-tabbed.csv"

filter="table" zebra="#eee" csvseparator="\t" }

{/szakitable}

Táblázat oszlopának elrejtése

CSV-ből készített táblázat második oszlopának elrejtése CSS kóddal:

<style type="text/css">

.szakitable table.csv td:nth-child(2),

.szakitable table.csv th:nth-child(2){

display: none}

</style>

Táblázat SQL lekérdezésből

A Szaki Table beépülő lehetőséget ad SQL lekérdezésből való táblázatkészítésre.
Szintaxis: sql="< szabványos SQL lekérdezés >"

Példa:

{szakitable
 
sql="select title, alias as 'Vagylagos cím', created_time as 'Létrehozva', published  from jos_categories where created_time > '2014' "

filter="table" zebra="#eee"

caption="SQL lekérdezésből táblázat" }

{/szakitable}

Táblázat oszlopainak értelmezése rendezéshez

Megadható a táblázat oszlopainak az értelmezése a headers attribútum használatával. Szintaxis: headers="{oszlop}:{mód}, {oszlop}:{mód}". Ahol az első oszlop a 0, a mód értéke: text (alapértelmezett), text2 (utf-8), digit, currency, ipAddress, url, isoDate, percent, usLongDate, shortDate, time lehet.

{szakitable
 csv="http://link.hu/file-utf-8.csv"

headers="0:text2, 1:text, 2:currency, 5:text2" }

{/szakitable}

Táblázat lapozása

Lehetőség van a hosszú táblázatok lapozására is a pager attribútum segítségével. Szintaxis: pager="1".

{szakitable
 csv="http://link.hu/long-data.csv"

pager="1" zebra="WhiteSmoke" filter="table"}

{/szakitable}

Táblázat, felsorolás szűrése

Lehetőség van táblázatok, felsorolások szűrésére amelyhez elég megadni a filter="table" vagy filter="ol" kapcsolót.

Zebra minta

A táblázat sorainak elkülönítését segíti az úgynevezett zebra minta, amelyet a zebra="" hozzáadásával valósítható meg.

{szakitable zebra="#eef"}
vagy
{szakitable zebra="silver"}

Táblázat átméretezése

Ha kevés a hely, a Szaki Table Joomla! plugin lehetőséget ad a széleseb táblázat használatára. Ez úgy valósul meg, hogy megadunk egy width elemet, pl. width="750". Ebben az esetben a táblázat szélessége 750 px-re terjeszti ki, de csak akkor ha a kurzor fölé ér.

Táblázat címe (caption)

A táblázat címe is megadható a Szaki Table Joomla! beépülővel a caption elem megadásával pl. caption="Példa táblázat címe". Ebben az esetben a táblázat felett megjelenik annak címe a HTML <caption> címkében.

Szaki Table Joomla! plugin ingyenesen letölthető: plg_szaki_table_j2.5_v1.2.zip

Szaki Table Joomla! 3.0 plugin ingyenesen letölthető: plg_szaki_table_j3.0_v1.2.zip