YouSeeWealth
2007-Jan-13, 03:18 AM
Of course. We have prepared a short tutorial for you.
Enjoy! :)
Table Tag Tutorial
In this short tutorial, we will teach you how to use the "table" tag.
Cells with Multiple Lines
{n}Use {n} to make a new line within a cell.
Example
Code (remove __ to make it working):
[__table]column 1||column 2 {n}has two lines||column 3[/table__]
Output:
column 1||column 2 {n}has two lines||column 3Table with Heading
headThis option defines whether the first line (row) is a heading row. If omitted, the first line (row) will be treated as normal row.
The heading row has another default style. The heading feature allows you to sort the table by clicking any heading row. The heading row itself won't be sorted.
Example
Code (remove __ to make it working):
[__table="head"]Heading 1||Heading 2
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 3 Content A||Row 3 Content B
[/table__]
Output:
Heading 1||Heading 2
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 3 Content A||Row 3 Content B
Table with Custom Width
width=250px
width=20em
width=50%This option defines the width of the table. If omitted, the width of the table is adjusted accordingly based on the strings of the cells.
* px = a unit of measure (pixels). 1px is about a small dot or mark on a screen.
* em = a unit of measure, whose dimensions are relative (with no fixed value) and equal to the square of any size of a type-face (eg the em measures 10 points high by 10 points wide in 10-point type).
* % = the percent of the table will fill based on the visitor screen's width.
Example
Code (remove __ to make it working):
[__table="width=250px"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
[__table="width=20em"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
[__table="width=50%"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
Output:
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Table with Sorting Orders
sort=2,3,1
sort=2d,3,1This option defines how the table should be sorted. If omitted, the table won't be sorted by default.
In the first example, the table is to be sorted ascendingly by column 2, then column 3, then column 1.
In the second example, the table is to be sorted descendingly ("d" tag in "1d") by column 2, then column 3, then column 1.
[Note: The "d" after the first column number specifies the descending sorting order (defaullt is ascending sorting order)]
Example
Code (remove __ to make it working):
[__table="head;sort=2d,3,1"]Name||Grade||Country
Youseewealth||B||Space
yosewe||C||Japan
Joe||A||Spain
Infinity||A||England
[/table__]
Output:
Name||Grade||Country
Youseewealth||B||Space
yosewe||C||Japan
Joe||A||Spain
Infinity||A||England
Table with Auto-numbering
autonum=??;autonumtitle='STRING'It instructs the system to insert a new column automatically.
This column will auto-fill numbers or letters ascendingly.
autonum=??
Option: ??The value can be 1, a, A.
It defines what numbering the auto-inserting first column should be used. If omitted (ie typing "autonum" only), the system will use the value "1".
"1": 1, 2, 3, 4, ... , 999, 1000, ....
"a": a, b, c, ... , aa, Amibroker, ... , zz
"A": A, B, C, ... , AA, BB, ... , ZZ
autonumtitle='STRING'
Option: STRINGIt defines the title of the auto-inserting first column. If omitted, the cell will be empty (no title).
Note: Make sure you enclose the string with single quote ' (eg 'the cell title').
Example
Code (remove __ to make it working):
[__table="head;autonum=1;autonumtitle='Identity Number'"]Name||Score
Youseewealth||90
Yosewe||95
John||70
Paul||85
[/table__]
Output:
Name||Score
Youseewealth||90
Yosewe||95
John||70
Paul||85
Enjoy! :)
Table Tag Tutorial
In this short tutorial, we will teach you how to use the "table" tag.
Cells with Multiple Lines
{n}Use {n} to make a new line within a cell.
Example
Code (remove __ to make it working):
[__table]column 1||column 2 {n}has two lines||column 3[/table__]
Output:
column 1||column 2 {n}has two lines||column 3Table with Heading
headThis option defines whether the first line (row) is a heading row. If omitted, the first line (row) will be treated as normal row.
The heading row has another default style. The heading feature allows you to sort the table by clicking any heading row. The heading row itself won't be sorted.
Example
Code (remove __ to make it working):
[__table="head"]Heading 1||Heading 2
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 3 Content A||Row 3 Content B
[/table__]
Output:
Heading 1||Heading 2
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 3 Content A||Row 3 Content B
Table with Custom Width
width=250px
width=20em
width=50%This option defines the width of the table. If omitted, the width of the table is adjusted accordingly based on the strings of the cells.
* px = a unit of measure (pixels). 1px is about a small dot or mark on a screen.
* em = a unit of measure, whose dimensions are relative (with no fixed value) and equal to the square of any size of a type-face (eg the em measures 10 points high by 10 points wide in 10-point type).
* % = the percent of the table will fill based on the visitor screen's width.
Example
Code (remove __ to make it working):
[__table="width=250px"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
[__table="width=20em"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
[__table="width=50%"]Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
[/table__]
Output:
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Row 1 Content A||Row 1 Content B
Row 2 Content A||Row 2 Content B
Table with Sorting Orders
sort=2,3,1
sort=2d,3,1This option defines how the table should be sorted. If omitted, the table won't be sorted by default.
In the first example, the table is to be sorted ascendingly by column 2, then column 3, then column 1.
In the second example, the table is to be sorted descendingly ("d" tag in "1d") by column 2, then column 3, then column 1.
[Note: The "d" after the first column number specifies the descending sorting order (defaullt is ascending sorting order)]
Example
Code (remove __ to make it working):
[__table="head;sort=2d,3,1"]Name||Grade||Country
Youseewealth||B||Space
yosewe||C||Japan
Joe||A||Spain
Infinity||A||England
[/table__]
Output:
Name||Grade||Country
Youseewealth||B||Space
yosewe||C||Japan
Joe||A||Spain
Infinity||A||England
Table with Auto-numbering
autonum=??;autonumtitle='STRING'It instructs the system to insert a new column automatically.
This column will auto-fill numbers or letters ascendingly.
autonum=??
Option: ??The value can be 1, a, A.
It defines what numbering the auto-inserting first column should be used. If omitted (ie typing "autonum" only), the system will use the value "1".
"1": 1, 2, 3, 4, ... , 999, 1000, ....
"a": a, b, c, ... , aa, Amibroker, ... , zz
"A": A, B, C, ... , AA, BB, ... , ZZ
autonumtitle='STRING'
Option: STRINGIt defines the title of the auto-inserting first column. If omitted, the cell will be empty (no title).
Note: Make sure you enclose the string with single quote ' (eg 'the cell title').
Example
Code (remove __ to make it working):
[__table="head;autonum=1;autonumtitle='Identity Number'"]Name||Score
Youseewealth||90
Yosewe||95
John||70
Paul||85
[/table__]
Output:
Name||Score
Youseewealth||90
Yosewe||95
John||70
Paul||85