Loading...
 
Skip to main content

History: PluginFancyTable

Preview of version: 49

Plugin FancyTable

This plugin displays the data using the Tiki odd/even table style. Settings allow the table to be sortable by multiple rows, cause rows to span multiple columns and vice versa, set individual column widths and align text horizontally and vertically.

Usage

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

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

Copy to clipboard
{FANCYTABLE(head="__Parameter__|__Accepted values__|__Effect__|__Optional__|__Since__" sortable="y" sortList="[4,0],[0,0]")} ''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~|~ Makes rows sortable by column. See [#Prerequisites_and_Tips|Prerequisites and Tips] below for the features that must be activated for this to work. ~|~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 {FANCYTABLE}

Copy to clipboard
{FANCYTABLE(head=> ,headclass=> )}cells{FANCYTABLE}

Parameters

Prerequisites and Tips

  • The following must be enabled for the table sort to work:
    • The Disable Javascript option at Admin Home > General > Logging and Reporting should be unchecked
    • The JQuery Sortable Tables option at Admin Home > Features > Interface should be checked

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

  • Starting with Tiki7, place any | or ~|~ that you don't want interpreted as cell dividers (or anyinside of the ~np~ and ~/np~ tags. Other tags and plugins within the table content that may have been buggy before should be handled properly with Tiki7.

Examples

Sortable Table

The sortlist parameter setting below causes the table to be sorted first by the first column and then by the second column.

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:

Cells Spanning More Than One Row

This code:

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


Would produce:

Type Value
Vegetable onions
carrots
Fruits lemons
tomatoes
strawberries
Unable to load the jQuery Sortable Tables feature.

History

Advanced
Information Version
lindon 98
FootlooseTraveller 97
Yves Kipondo 96
lindon Edit restored by rescue script 2017-04-24T18:09:12+00:00 95
Bernard Sfez / Tiki Specialist Fancy Table Plugin modified by editor. 94
lindon 93
lindon 92
lindon 91
lindon 90
lindon 89
lindon 88
lindon 87
lindon 86
lindon 85
lindon 84
lindon 83
lindon 82
lindon 81
lindon 80
lindon 79
lindon 78
lindon Fancy Table Plugin modified by editor. 77
lindon 76
lindon 75
lindon 74
lindon 73
lindon 72
lindon 71
Xavier de Pedro 70
lindon 69
lindon 68
lindon 67
lindon 66
lindon 65
lindon 64
lindon 63
lindon 62
lindon Fancy Table Plugin modified by editor. 61
lindon 60
lindon 59
lindon 58
lindon 57
lindon 56
lindon 55
lindon 54
lindon 53
Xavier de Pedro 52
Xavier de Pedro 51
lindon 50
lindon Fancy Table Plugin modified by editor. 49
  • «
  • 1 (current)
  • 2