DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:mobiletable

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revision
plugin:mobiletable [2017-07-07 14:51]
2003:e5:3bd0:5c63:200c:3cc:c3d7:552f old revision restored (2016-07-19 11:28)
plugin:mobiletable [2021-04-29 13:29]
bleistivt version 2021-04-29
Line 6: Line 6:
 email      :   email      :  
 type       : syntax, action type       : syntax, action
-lastupdate : 2016-07-18 +lastupdate : 2021-04-29 
-compatible : DetritusElenor Of Tsort+compatible : HogfatherGreebo
 depends    :  depends    : 
 conflicts  conflicts 
Line 23: Line 23:
 ===== Installation ===== ===== 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 ===== ===== Examples/Usage =====
Line 36: Line 36:
 ^ Item 2 | Green | Large | 30 km/h | ^ 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 1   | Red   | Small | 50 km/h |
   ^ Item 2   | Green | Large | 30 km/h |   ^ Item 2   | Green | Large | 30 km/h |
 +  </mobiletable>
  
 ...becomes this: ...becomes this:
Line 53: Line 55:
 ===== Syntax ===== ===== 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 1  | Red   | Small | 50 km/h |
   ^ Item 2  | Green | Large | 30 km/h |   ^ Item 2  | Green | Large | 30 km/h |
 +  </mobiletable>
  
 This would create a mobile table like this: This would create a mobile table like this:
Line 70: Line 74:
 | Speed | 30 km/h | | 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: 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 1  | Red    | Small | 50 km/h |
   ^ Item 2  | Green  | Large | 30 km/h |   ^ Item 2  | Green  | Large | 30 km/h |
 +  </mobiletable>
  
 ^ Red            ^^ ^ Red            ^^
Line 87: Line 93:
  
  
-Additionally this plugin provides ''<only **desktop**></only>'' and ''<only **mobile**></only>'' markup (which it also uses internallythat 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 === === Change Log ===
Line 94: Line 110:
  
 === Known Bugs and Issues === === Known Bugs and Issues ===
- 
-:!: Footnotes in tables are not carried over to the mobile version. 
  
 ===== FAQ ===== ===== FAQ =====
plugin/mobiletable.txt · Last modified: 2021-08-28 18:25 by Bleistivt