History: PluginFancyTable

View published page Collapse Into Edit Sessions

Preview of version: 41

Plugin FancyTable

This plugin displays the data using the Tiki odd/even table style.

Usage

The data (and the head parameter) is given one row per line, with columns separated by ~|~ (or separated by | starting with 4.0).

To display a fancy table in a wiki page, use the syntax:

No Tabs

4.0 and after
Before 4.0

Copy to clipboard

{FANCYTABLE(head=h1c1|h1c2|h1c3>>h2c1|h2c2|h2c3 , headclass= , headaligns=left|right|center|justify , headvaligns=top|middle|bottom|baseline , colwidths= , colaligns=left|right|center|justify , colvaligns=top|middle|bottom|baseline , sortable= , sortlist= )}cells{FANCYTABLE}

Copy to clipboard

{FANCYTABLE(head=> ,headclass=> )}cells{FANCYTABLE}

Parameter	Accepted values	Effect	Optional	Since
head	text separated by \| (starting with 4.0) or ~ \| ~ (all versions) for each cell separate by >> for each header row (with 4.2)	Creates specially formatted header cells and rows	optional
(body - between FANCYTABLE tags)	text separated by \| (starting with 4.0) or ~ \| ~ (all versions) for each cell	Creates cells in the body of the table. Start a new line to start a new row.	required
headclass	Any valid CSS class	Applies class styling to the header rows	optional	2.0
sortable	y or n	allows to be able to sort the columns with javascript	optional	4.0
sortlist	[0,1],[1,0]... Pairs of numbers for: [columnIndex, sortDirection],... where columnIndex is a zero-based index for the columns left-to-right, and sortDirection is 0 for ascending and 1 for descending. Example that sorts ascending first by column 1 and then column 2: [0,0],[1,0]	Table is initially pre-sorted according to this setting.	optional	4.0
(in any cell)	one or more forward slashes (/) or backslashes (\) at the beginning of the cell	Cell will span the number of columns indicated by the number of forward slashes, and will span the number of rows indicated by the number of backslashes.	optional	4.0
headaligns colaligns	left right center justify	Aligns text horizontally in header columns (headaligns) or table body columns (colaligns). Separate setting for each column by a \|	optional	4.1
headvaligns colvaligns	top middle bottom baseline	Aligns text vertically in header columns (headvaligns) or table body columns (colvaligns). Separate setting for each column by a \|	optional	4.1
colwidths	number of pixels followed by 'px', or percent followed by '%', for each column separated by a \|	Sets the width of the columns	optional	4.1

Note

Sorting a table with cells that span multiple columns or rows can give unexpected results.

Example

Example:

This code:

Copy to clipboard

{FANCYTABLE( head=" Quantity | Vegetables | Fruits", sortable="y",sortList="[0,0],[1,0]")}
10 | onions | apples
10 | cucumbers | lemons
100 | carrots | oranges
10 | tomatoes | water melons
50 | peas | strawberries
{FANCYTABLE}

Would produce:

Quantity	Vegetables	Fruits
10	onions	apples
10	cucumbers	lemons
100	carrots	oranges
10	tomatoes	water melons
50	peas	strawberries

This code:

Copy to clipboard

{FANCYTABLE( head=" Type | Value ")}
\\Vegetable | onions 
carrots
\\\Fruits | lemons
tomatoes 
strawberries
{FANCYTABLE}

Would produce:

Type	Value
Vegetable	onions
Vegetable	carrots
Fruits	lemons
	tomatoes
	strawberries

Sort

Available starting with TikiWiki version 4.0

The sortable parameter uses jquery, so the following must be enabled for it to work:

Go to Admin home > Editing and Plugins > Plugins (tab) and click on jq to enable the wikiplugin jq.
Go to Admin Home > Look and Feel > UI Effects and click on "JQuery Sortable Tables".

See a live example in the table above showing the fancytable parameters. See http://tablesorter.com for more information on the base jq plugin being used.

History

Information	Version
Thu 16 May, 2024 02:22 UTC lindon	98
Sun 30 Jan, 2022 08:35 UTC FootlooseTraveller	97
Mon 29 Jul, 2019 11:03 UTC Yves Kipondo	96
Sun 01 Jan, 2017 19:36 UTC lindon Edit restored by rescue script 2017-04-24T18:09:12+00:00	95
Sat 23 Jul, 2016 15:38 UTC Bernard Sfez / Tiki Specialist Fancy Table Plugin modified by editor.	94
Mon 09 May, 2016 02:19 UTC lindon	93
Mon 09 May, 2016 02:18 UTC lindon	92
Mon 09 May, 2016 02:13 UTC lindon	91
Mon 09 May, 2016 02:11 UTC lindon	90
Mon 09 May, 2016 02:08 UTC lindon	89
Mon 09 May, 2016 02:05 UTC lindon	88
Mon 09 May, 2016 02:00 UTC lindon	87
Mon 09 May, 2016 01:58 UTC lindon	86
Mon 09 May, 2016 01:44 UTC lindon	85
Mon 09 May, 2016 01:39 UTC lindon	84
Mon 09 May, 2016 01:32 UTC lindon	83
Mon 09 May, 2016 01:24 UTC lindon	82
Mon 09 May, 2016 01:18 UTC lindon	81
Mon 09 May, 2016 01:15 UTC lindon	80
Mon 09 May, 2016 01:09 UTC lindon	79
Mon 09 May, 2016 01:03 UTC lindon	78
Mon 09 May, 2016 00:21 UTC lindon Fancy Table Plugin modified by editor.	77
Mon 09 May, 2016 00:19 UTC lindon	76
Mon 09 May, 2016 00:17 UTC lindon	75
Sat 12 Mar, 2016 21:18 UTC lindon	74
Sat 08 Aug, 2015 19:50 UTC lindon	73
Sat 08 Aug, 2015 19:45 UTC lindon	72
Sat 08 Aug, 2015 19:41 UTC lindon	71
Fri 09 May, 2014 09:48 UTC Xavier de Pedro	70
Fri 29 Nov, 2013 04:55 UTC lindon	69
Fri 29 Nov, 2013 02:44 UTC lindon	68
Fri 29 Nov, 2013 02:43 UTC lindon	67
Fri 29 Nov, 2013 02:40 UTC lindon	66
Fri 29 Nov, 2013 02:14 UTC lindon	65
Fri 29 Nov, 2013 02:09 UTC lindon	64
Fri 29 Nov, 2013 02:07 UTC lindon	63
Fri 29 Nov, 2013 02:05 UTC lindon	62
Fri 29 Nov, 2013 02:04 UTC lindon Fancy Table Plugin modified by editor.	61
Fri 29 Nov, 2013 02:01 UTC lindon	60
Fri 29 Nov, 2013 01:57 UTC lindon	59
Fri 29 Nov, 2013 01:44 UTC lindon	58
Fri 29 Nov, 2013 01:43 UTC lindon	57
Fri 29 Nov, 2013 01:41 UTC lindon	56
Fri 29 Nov, 2013 01:40 UTC lindon	55
Fri 29 Nov, 2013 01:39 UTC lindon	54
Fri 29 Nov, 2013 01:31 UTC lindon	53
Tue 10 Sep, 2013 17:41 UTC Xavier de Pedro	52
Tue 10 Sep, 2013 17:40 UTC Xavier de Pedro	51
Sat 27 Aug, 2011 04:40 UTC lindon	50
Sat 27 Aug, 2011 04:35 UTC lindon Fancy Table Plugin modified by editor.	49

«
1 (current)
2
»

Tiki birthday

History: PluginFancyTable

Preview of version: 41

Plugin FancyTable

Usage

Example

Sort

Related pages

History

Related Video "Features and Options in Tiki"

About Tiki

Community

Documentation

Support

Development

Legal

Tiki Project Sites

Networks

Navigation and related functionality and content

Related content

Tiki birthday

History: PluginFancyTable

Preview of version: 41

Plugin FancyTable

Usage

Example

Sort

Related pages

History

Pagebottom heading

Related Video "Features and Options in Tiki"