DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:tablelayout

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
plugin:tablelayout [2017-08-16 12:39] – [Commit-Ticker] we now have an automatic release feed grosseplugin:tablelayout [2024-02-28 10:39] (current) – [Examples/Usage] 54.199.226.19
Line 6: Line 6:
 email      : dokuwiki@cosmocode.de  email      : dokuwiki@cosmocode.de 
 type       : syntax, action type       : syntax, action
-lastupdate : 2016-11-08 +lastupdate : 2022-03-28 
-compatible : Elenor of Tsort+compatible : Hogfather, Greebo, Frusterick Manners, Igor
 depends    :  depends    : 
-conflicts  : datatables, tablewidth +conflicts  : datatables, tabinclude, tablewidth, template:bootstrap3 
-similar    : tablewidth+similar    : datatables, tablewidth, wrap
 tags       : tables tags       : tables
  
Line 21: Line 21:
 ---- ----
  
-[[http://www.cosmocode.de/en/open-source/dokuwiki-plugins/|{{ http://cosmocode.de/static/img/dokuwiki/dwplugins.png?recache|A CosmoCode Plugin}}]]+[[https://travis-ci.org/cosmocode/dokuwiki-plugin-tablelayout|{{https://travis-ci.org/cosmocode/dokuwiki-plugin-tablelayout.png?branch=master&recache}}]] 
 + 
 +[[https://www.cosmocode.de/en/open-source/dokuwiki-plugins/|{{ https://www.cosmocode.de/static/img/dokuwiki/dwplugins.png|A CosmoCode Plugin}}]]
  
 ===== Installation ===== ===== Installation =====
  
-Install the plugin using the [[plugin:extension|Extension 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 =====
  
-The follwing example syntax will make the first fixed and show about other row in a scrollable container below. It will make the first column 20px wide and the second 30px. The table itself will be floating to the right.+The following example syntax will make the first fixed and show about other rows in a scrollable container below. It will make the first column 20px wide and the second 30px. The table itself will be floating to the right.
 <code> <code>
-{{tablelayout?colwidth="20px,30px"&rowsFixed=1&rowsVisible=2&float=right}}+{{tablelayout?colwidth="20px,30px"&rowsHeaderSource=1&rowsVisible=2&float=right}}
 ^ header 1 ^ header 2 ^ ^ header 1 ^ header 2 ^
 | cell A1 | cell B1 | | cell A1 | cell B1 |
Line 45: Line 47:
  
 ==== fixed header rows ==== ==== fixed header rows ====
-You have to specify the two options ''rowsFixed'' and ''rowsVisible''. The first expects a positive integer specifying the number of rows that are fixed at the top. ''rowsVisible'' sets the number of rows that are visible below the fixed rows.+You have to specify the two options ''rowsHeaderSource'' and ''rowsVisible''. The first expects a positive integer specifying the number of rows that are fixed at the top. ''rowsVisible'' sets the number of rows that are visible below the fixed rows
 + 
 +''rowsHeaderSource'' can be set to ''Auto''.
  
 ==== Floating ==== ==== Floating ====
 The option ''float'' takes one of three possible values: ''left'', ''right'', ''center''. ''left'' and ''right'' let the table float to the left or right, ''center'' centers the table on the page. The option ''float'' takes one of three possible values: ''left'', ''right'', ''center''. ''left'' and ''right'' let the table float to the left or right, ''center'' centers the table on the page.
 +
 +==== Search ====
 +By setting ''%%tableSearch=1%%'' fields will be added above every column and one for the entire table.
 +
 +==== Sort ====
 +By setting ''%%tableSort=1%%'' sort buttons will be added for every column.
 +
 +==== Print ====
 +By setting ''%%tablePrint=1%%'' a print button is added below the table, that opens only the table in a new window and triggers the browser's print dialog.
  
 ===== Development ===== ===== Development =====
Line 59: Line 72:
  
 **Releases:** **Releases:**
-{{rss>https://github.com/cosmocode/dokuwiki-plugin-tablelayout/releases.atom author}}+{{rss>https://github.com/cosmocode/dokuwiki-plugin-tablelayout/releases.atom description author}} 
 + 
 + 
 +===== Tips =====
  
 +  * Making this work with Internet Explorer requires a polyfill for javascripts ''repeat()'' function. \\ The easiest way i know is adding the content of [[https://gist.github.com/warlock/a614334cad7ffa4fccbeec69afe5a82b]] to the file ''conf/userscript.js'' (create the file if it doesn't exist).
  
  
plugin/tablelayout.1502879975.txt.gz · Last modified: 2017-08-16 12:39 by grosse

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki