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
Both sides next revision
plugin:mobiletable [2020-02-05 09:19]
Aleksandr Version upped
plugin:mobiletable [2021-08-28 18:25] (current)
Bleistivt version update
Line 6: Line 6:
 email      :   email      :  
 type       : syntax, action type       : syntax, action
-lastupdate : 2018-11-27 +lastupdate : 2021-08-28 
-compatible : DetritusElenor Of Tsort+compatible : HogfatherGreebo
 depends    :  depends    : 
 conflicts  conflicts 
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.1580890796.txt.gz · Last modified: 2020-02-05 09:19 by Aleksandr