Formattazione delle tabelle

Le tabelle vengono realizzate scrivendo in questo modo:

 ||Region||Sales||
 ||East||$100||
 ||West||$500||

che farà apparire la tabella come segue:

Region	Sales
East	$100
West	$500

Rich table formatting allows control over the following advanced table formatting features:

Table-level formatting

Center
Float left or right
Border (or no border)

Cell-level formatting

Content alignment (left, right, center)
Row and column spans
Cell highlighting
Breaking (allowed or not)

These rich formatting options are specified using a table formatting expression immediately after the || characters for a cell. The table formatting expression is delimited by { and } (curly-brace characters). Formatting that applies to the whole table must appear prior to the first cell (though it can be duplicated and will be ignored in the other cells).

Table Formatting Rules and Examples

Center - T^

A table can be centered using the table formatting expression T^. For example,

 ||{T^}Region||Sales||
 ||East||$100||
 ||West||$500||

which appears like this:

Region	Sales
East	$100
West	$500

Floating Tables - T[ and T]

A table can be configured to float on the left or right with surrounding content wrapped around. This is done with T[ and T]. For example,

 ||{T[}Region||Sales||
 ||East||$100||
 ||West||$500||

which appears like this:

Region	Sales
East	$100
West	$500

Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table. Notice that this text wraps around the table.

Or, floating on the right:

 ||{T]}Region||Sales||
 ||East||$100||
 ||West||$500||

which appears like this:

Region	Sales
East	$100
West	$500

Border = T-

By default, a table is given a border. You can hide the border using T-. For example:

 ||{T-}Region||Sales||
 ||East||$100||
 ||West||$500||

which appears like this:

Region	Sales
East	$100
West	$500

Cell Formatting Features

Row and column spans - Cnnn and Rnnn

Sometimes you want a cell to span more than one column or row. This can be achieved by specifying the Cnnn and Rnnn options.

For example:

 ||{R2}Region||{C2}Sales||
 ||||Q1||Q2||
 ||East||$100||$800||
 ||West||$500||$9000||

which causes the Sales cell to span two columns and the Region cell to span two rows:

Region	Sales
Region	Q1	Q2
East	$100	$800
West	$500	$9000

Cell content alignment - [ ^ ]

You can control the alignment in a cell by using [ (left), ] (right) and ^ (center). Note the position of the word Sales in each of the following three examples:

First row:

 ||{[C2}Sales||

Sales
Q1	Q2
$100	$800
$500	$9000

First row:

 ||{^C2}Sales||

Sales
Q1	Q2
$100	$800
$500	$9000

First row:

 ||{]C2}Sales||

Sales
Q1	Q2
$100	$800
$500	$9000

Cell highlighting - !

By including the '!' table formatting rule, you can cause cells to be highlighted. This is useful, for example, in header rows and for other cells that you want to highlight:

 ||{^!C2}Sales||
 ||Q1||Q2||
 ||$100||$800||
 ||$500||{!}$9000||

produces:

Sales
Q1	Q2
$100	$800
$500	$9000

Breaking - +

By default, content will be word wrapped in table cell. You can disable this behavior for special circumstances by using the + table formatting rule.

For example, in the following table the wrapping is disabled in the left hand cell, whilst the right hand cell is normal.

 ||{+} The quick ... || The quick ... ||

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Note that you may need to make your browser window narrower to see the impact of this.

Combining formatting expressions

If you want to combine two or more of this features (example: Floating Right without Border), you have to insert all expressions in the brace.

 ||{T]T-}'''This is right''' (y)||

This is right

I used this Feature also to align Images. You make a Table without borders and floating right, and the only thing that is in the table is the link to the image.