Differences

This shows you the differences between two versions of the page.

--- plugin:mobiletable [2017-07-07 14:51] – old revision restored (2016-07-19 11:28) 2003:e5:3bd0:5c63:200c:3cc:c3d7:552f
+++ plugin:mobiletable [2021-08-28 18:25] – version update Bleistivt
@@ Line 6: / Line 6: @@
 email      :
 type       : syntax, action
-lastupdate : 2016-07-18
+lastupdate : 2021-08-28
-compatible : Detritus, Elenor Of Tsort
+compatible : Hogfather, Greebo
 depends    :
 conflicts  :
@@ Line 23: / Line 23: @@
 ===== Installation =====
-Install the plugin using the [[plugin:plugin|Plugin Manager]] and the download URL above, which points to latest version of the plugin. Refer to [[:Plugins]] on how to install plugins manually.
+Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
 ===== Examples/Usage =====
@@ Line 36: / Line 36: @@
 ^ Item 2 | Green | Large | 30 km/h |
-  !^! Name   ^ Color ^ Size  ^ Speed   ^
+  <mobiletable 1>
+  ^ Name     ^ Color ^ Size  ^ Speed   ^
   ^ Item 1   | Red   | Small | 50 km/h |
   ^ Item 2   | Green | Large | 30 km/h |
+  </mobiletable>
 ...becomes this:
@@ Line 53: / Line 55: @@
 ===== Syntax =====
-To activate mobile tables, add ''!'' in front of a table's head row:
+To activate mobile tables, wrap it in ''<mobiletable>...</mobiletable>'' syntax:
-  !^ Name   ^ Color ^ Size  ^ Speed   ^
+  <mobiletable>
+  ^ Name    ^ Color ^ Size  ^ Speed   ^
   ^ Item 1  | Red   | Small | 50 km/h |
   ^ Item 2  | Green | Large | 30 km/h |
+  </mobiletable>
 This would create a mobile table like this:
@@ Line 70: / Line 74: @@
 | Speed | 30 km/h |
-Use a second ''!'' as the first character of the cell that you want to make the main/index column.
+You may specify the index (starting with 1) of the column you want to make the main/index column.
 Using the first example again, your could also make the //Color// column the main column:
-  !^ Name   ^! Color ^ Size  ^ Speed   ^
+  <mobiletable 2>
+  ^ Name    ^ Color  ^ Size  ^ Speed   ^
   ^ Item 1  | Red    | Small | 50 km/h |
   ^ Item 2  | Green  | Large | 30 km/h |
+  </mobiletable>
 ^ Red            ^^
@@ Line 87: / Line 93: @@
-Additionally this plugin provides ''<only **desktop**></only>'' and ''<only **mobile**></only>'' markup (which it also uses internally) that can be used to hide content from one or the other.
+Note that the previous example could also be expressed using the ''!''-syntax for backwards compatibility:
+  !^ Name   ^! Color ^ Size  ^ Speed   ^
+  ...
+However, this syntax is not recommended anymore as it breaks section editing.
+===== Configuration options =====
+^ Option ^ Description ^ Default value ^
+|''hideHeadings'' | Names of table headings (comma separated), which are redundant or self-explanatory. These will not be duplicated for the mobile view but displayed as a connected cell instead. (e.g.: "image, #, no.") | ''image, Image'' |
 === Change Log ===
@@ Line 94: / Line 110: @@
 === Known Bugs and Issues ===
-:!: Footnotes in tables are not carried over to the mobile version.
 ===== FAQ =====