====== DataTables Plugin ======

Dieses Pluging bringt dir [[https://datatables.net|DataTables]] Unterstützung ins DokuWiki. 

Die Dokumentation aller Optionen ist hier: https://www.dokuwiki.org/plugin:datatables

===== Syntax =====

==== Einfach ====

<code wiki>
<datatables>
^ Spalte A   ^ Spalte B   ^ Spalte C ^
| Reihe A1   | Reihe B1   | Reihe C1 |
| Reihe A2   | Reihe B2   | Reihe C2 |
| Reihe A2   | Reihe B2   | Reihe C3 |
</datatables>
</code>

<datatables>
^ Spalte A   ^ Spalte B   ^ Spalte C ^
| Reihe A1   | Reihe B1   | Reihe C1 |
| Reihe A2   | Reihe B2   | Reihe C2 |
| Reihe A2   | Reihe B2   | Reihe C3 |
</datatables>


==== Tabellen ohne Header ====

<code wiki>
<datatables>
| Reihe A1   | Reihe B1   | Reihe C1 |
| Reihe A2   | Reihe B2   | Reihe C2 |
| Reihe A2   | Reihe B2   | Reihe C3 |
</datatables>
</code>

<datatables>
| Reihe A1   | Reihe B1   | Reihe C1 |
| Reihe A2   | Reihe B2   | Reihe C2 |
| Reihe A2   | Reihe B2   | Reihe C3 |
</datatables>

==== Komplexe Header ====
<code>
<datatables>
^ Name ^^
^ Vornam ^ Nachname ^
| Michael | Wegener |
| Dietmar | Schönig |
</datatables>
</code>

<datatables>
^ Name ^^
^ Vorname ^ Nachname ^
| Michael | Wegener |
| Dietmar | Schönig |
</datatables>

===== Optionen =====

<datatables searching="true" state-save="true" paging="false">
^ Option             ^ Description                                                                              ^ Allowed values                                                                                                                                                                                                                                                                     ^ Default value         ^
| ''auto-width''     | Feature control DataTables' smart column width handling                                  | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''dom''            | Define the table control elements to appear on the page and in what order                | ''string''                                                                                                                                                                                                                                                                         | ''lfrtip''            |
| ''info''           | Feature control table information display field                                          | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''length-change''  | Feature control the end user's ability to change the paging display length of the table  | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''order''          | Initial order (sort) to apply to the table                                               | ''json''                                                                                                                                                                                                                                                                           | ''%%[[0, "asc"]]%%''  |
| ''ordering''       | Feature control ordering (sorting) abilities in DataTables                               | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''page-length''    | Number of elements to display per page                                                   | ''integer''                                                                                                                                                                                                                                                                        | ''10''                |
| ''paging''         | Enable or disable table pagination                                                       | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''paging-type''    | Pagination button display options                                                        | ''simple'' -- 'Previous' and 'Next' buttons only \\ ''simple_numbers'' -- 'Previous' and 'Next' buttons, plus page numbers \\ ''full'' -- 'First', 'Previous', 'Next' and 'Last' buttons \\ ''full_numbers'' -- 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers  | ''simple_numbers''    |
| ''scroll-x''       | Horizontal scrolling                                                                     | ''px'', ''integer'', ''boolean''                                                                                                                                                                                                                                                   | ''false''             |
| ''scroll-y''       | Vertical scrolling                                                                       | ''px'', ''integer'', ''boolean''                                                                                                                                                                                                                                                   | ''false''             |
| ''searching''      | Feature control search (filtering) abilities                                             | ''boolean''                                                                                                                                                                                                                                                                        | ''true''              |
| ''state-save''     | State saving - restore table state on page reload                                        | ''boolean''                                                                                                                                                                                                                                                                        | ''false''             |
</datatables>