Recent Changes for "Help On Tables" - Rochester Wiki

Help On Tables

DaveMahon — 2008-05-24T13:23:32Z

instructions for handling line breaks in cells

Differences for Help On Tables

Deletions are marked with - .	Additions are marked with +.
Line 2:	Line 2:
- == Table Markup ==	+ [[TableOfContents]] + = Table Markup =
Line 7:	Line 8:
- === Table Attributes ===	+ == Table Attributes ==
Line 26:	Line 27:
- === Example ===	+ == Line Breaks == + Cells cannot contain line breaks (the Enter/Return key), which makes including things like lists or paragraphs a little tricky. There are two ways of handling this dilemma: + * Use the {{{[[BR]]}}} tag to manually force line breaks. You need two to simulate a new paragraph. + * Generate the content normally by creating additional pages for each cell that contains this complex content. Then use the ["Macro List" IncludePages macro] to incorporate their content in the main page. + + == Example ==
Line 47:	Line 53:
- === Display === - General table layout and HTML like options::	+ == Display == + General table layout and HTML like options::

Help On Tables

JoannaLicata — 2008-03-10T20:13:10Z

made outside link to codes a footnote

Differences for Help On Tables

Deletions are marked with - .	Additions are marked with +.
Line 20:	Line 20:
- * {{{<#XXXXXX>}}}: background color	+ * {{{<#XXXXXX>}}}: background color [[FootNote(Possible color codes can be found at [http://www.w3schools.com/html/html_colors.asp W3Schools.com]. ''Note: Please only use the RGB Hex (#XXXXXX) code. The color name does '''not''' work and neither does RGB Decimal.'')]]
Line 65:	Line 65:
- [http://www.w3schools.com/html/html_colors.asp "Here's a page that shows you the hex numbers for a variety of colors"]

Help On Tables

DottieHoffmann — 2007-08-22T00:52:40Z

added external link for hex color reference for people that don't speak hex

Differences for Help On Tables

Deletions are marked with - .	Additions are marked with +.
Line 5:	Line 5:
- For more information on the possible markup, see ["Help On Editing"].	+ For more information on the possible markup, see ["Help On Editing"].
Line 45:	Line 45:
- }}}	+ }}}
Line 65:	Line 65:
	+ [http://www.w3schools.com/html/html_colors.asp "Here's a page that shows you the hex numbers for a variety of colors"]

Help On Tables

PhilipNeustrom — 2005-04-12T11:33:44Z

Differences for Help On Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
	+ ##language:en + == Table Markup == + To create a table, you start and end a line using the table marker "{{{\|\|}}}". Between those start and end markers, you can create any number of cells by separating them with "{{{\|\|}}}". To get a centered cell that spans several columns, you start that cell with more than one cell marker. Adjacent lines of the same indent level containing table markup are combined into one table. + + For more information on the possible markup, see ["Help On Editing"]. + + === Table Attributes === + + Apart from the option to repeat cell markers to get columns spanning several other columns, you can directly set many HTML table attributes. Any attributes have to be placed between angle brackets {{{<...>}}} directly after the cell marker. + + The wiki-like markup has the following options: + * {{{<50%>}}}: cell width + * {{{<-2>}}}: colspan + * {{{<\|2>}}}: rowspan + * {{{<(>}}}: left aligned + * {{{<:>}}}: centered + * {{{<)>}}}: right aligned + * {{{<^>}}}: aligned to top + * {{{<v>}}}: aligned to bottom + * {{{<#XXXXXX>}}}: background color + + If you use several conflicting options like {{{<(:)>}}}, the last option wins. There is no explicit option for vertical centering (''middle''), since that is always the default. + + In addition to these, you can add some of the traditional, more long-winded HTML attributes (note that only certain HTML attributes are allowed). By specifying attributes this way, it is also possible to set properties of the table rows and of the table itself, especially you can set the table width using {{{\|\|<tablewidth="100%">...\|\|}}} in the very first row of your table, and the color of a full row by {{{\|\|<rowbgcolor="#FFFFE0">...\|\|}}} in the first cell of a row. As you can see, you have to prefix the name of the HTML attribute with {{{table}}} or {{{row}}}. + + === Example === + {{{ + General table layout and HTML like options:: + \|\|\|\|\|\|<tablewidth="80%">'''Heading'''\|\| + \|\|cell 1\|\|cell2\|\|cell 3\|\| + \|\|<rowspan=2> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell2\|\|cell 3\|\| + Cell width:: + \|\| narrow \|\|<:99%> wide \|\| + Spanning rows and columns:: + \|\|<\|2> 2 rows \|\| row 1 \|\| + \|\| row 2 \|\| + \|\|<-2> row 3 over 2 columns \|\| + Alignment:: + \|\|<(> left \|\|<^\|3> top \|\|<v\|3> bottom \|\| + \|\|<:> centered \|\| + \|\|<)> right \|\| + Colors:: + \|\|<#FF8080> red \|\|<#80FF80> green \|\|<#8080FF> blue \|\| + }}} + + === Display === + General table layout and HTML like options:: + \|\|\|\|\|\|<tablewidth="80%">'''Heading'''\|\| + \|\|cell 1\|\|cell2\|\|cell 3\|\| + \|\|<rowspan=2> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell2\|\|cell 3\|\| + Cell width:: + \|\| narrow \|\|<:99%> wide \|\| + Spanning rows and columns:: + \|\|<\|2> 2 rows \|\| row 1 \|\| + \|\| row 2 \|\| + \|\|<-2> row 3 over 2 columns \|\| + Alignment:: + \|\|<(> left \|\|<^\|3> top \|\|<v\|3> bottom \|\| + \|\|<:> centered \|\| + \|\|<)> right \|\| + Colors:: + \|\|<#FF8080> red \|\|<#80FF80> green \|\|<#8080FF> blue \|\|