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ó
Name | Due | Date | Difrence | Lorem | |
---|---|---|---|---|---|
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 ipsum dolor sit amet, consectetur adipiscing elit. |
Frank | Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát. | 20.00 USD | 2010-12-01 | -26 | Pellentesque et nulla id dui blandit blandit. |
Jason | Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát. | 40.00 HUF | 2010-11-01 | +12.1 | Cras placerat mattis lacinia. |
Peter | Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát. | 20.00 HUF | 2010-11-11 | +67 | Nullam eu congue nisl. |
Igor | Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát. | 50.00 USD | 2010-10-11 | +67.7 | Nam orci velit. |
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}
title | Vagylagos cím | Létrehozva | published |
---|---|---|---|
ROOT | root | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Uncategorised | uncategorised | 2011-01-01 00:00:01 | 1 |
Joomla | joomla | 2014-05-02 07:12:39 | 1 |
Photoshop | photoshop | 2014-05-28 14:14:58 | 0 |
WordPress | wordpress | 2015-04-10 08:15:28 | 1 |
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.
- Lorem ipsum dolor sit amet
- Pellentesque et nulla id dui blandit blandit.
- Cras placerat mattis lacinia.
- Quisque sit amet cursus elit.
- Phasellus in sapien ante.
Zebra minta
A táblázat sorainak elkülönítését segíti az úgynevezett zebra minta, amelyet a zebra="
{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