| Szaki Table Joomla! plugin |
| 2012. december 11. kedd, 17:18 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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.
|
| Name | Due | Date | Difrence | Lorem | |
|---|---|---|---|---|---|
| John | Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. | 400.00 HUF | 2010-12-29 | +12 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
| Frank | Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. | 20.00 USD | 2010-12-01 | -26 | Pellentesque et nulla id dui blandit blandit. |
| Jason | Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. | 40.00 HUF | 2010-11-01 | +12.1 | Cras placerat mattis lacinia. |
| Peter | Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. | 20.00 HUF | 2010-11-11 | +67 | Nullam eu congue nisl. |
| Igor | Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. | 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>
Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse.
</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; Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. ;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', section, published from jos_categories"
filter="table" zebra="#eee"
caption="SQL lekérdezésből táblázat" }
{/szakitable}
| title | Vagylagos cím | section | published |
|---|---|---|---|
| Sablonok | sablon | 2 | 1 |
| Bővítmények | bovitmeny | 2 | 1 |
| Fordítások | forditas | 2 | 1 |
| Tippek, trükkök | trukk | 1 | 1 |
| Szótár | szotar | 1 | 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.
- In pretium mauris a tortor vulputate eleifend
- Pellentesque et nulla id dui blandit blandit.
- Nullam eu congue nisl.
- Lorem ipsum dolor sit amet.
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! 1.5 plugin ingyenesen letölthető: plg_szaki_table_j1.5_v1.2zip
Szaki Table Joomla! 2.5 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



Szaki Table egy táblázatkezelő plugin Joomla! 1.5, 2.5, 3.0-hoz.
