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
Next revision
plugin:mobiletable [2016-05-06 14:45]
2003:71:ce75:8722:d47e:6923:ea16:9898 tables tag
plugin:mobiletable [2021-02-09 11:33]
bleistivt fix config name
Line 2: Line 2:
  
 ---- plugin ---- ---- plugin ----
-description: Rearranges tables to be responsive.+description: Rearranges tables to be responsive
 author     : Bleistivt author     : Bleistivt
 email      :   email      :  
-type       :  +type       : syntax, action 
-lastupdate : 2016-05-06 +lastupdate : 2021-01-11 
-compatible : Detritus+compatible : Hogfather, Greebo
 depends    :  depends    : 
 conflicts  conflicts 
Line 13: Line 13:
 tags       : tables, mobile, responsive tags       : tables, mobile, responsive
  
-downloadurl: http://github.com/bleistivt/dokuwiki-plugin-mobiletable/zipball/master +downloadurl: https://github.com/bleistivt/dokuwiki-plugin-mobiletable/zipball/master 
-bugtracker : http://github.com/bleistivt/dokuwiki-plugin-mobiletable/issues +bugtracker : https://github.com/bleistivt/dokuwiki-plugin-mobiletable/issues 
-sourcerepo : http://github.com/bleistivt/dokuwiki-plugin-mobiletable/+sourcerepo : https://github.com/bleistivt/dokuwiki-plugin-mobiletable/
 donationurl:  donationurl: 
  
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 me 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