Recent Changes for "Help with Tables" - Wiki Spot

Help with Tables

JRush — 2008-12-04 23:28:41

language

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
- [[TableofContents(right)]]Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage.	+ [[TableofContents(right)]]Welcome, this is a page to help with tables. Tables are very useful for organizing data, but they can be one of the more complex objects on a wikipage.

Help with Tables

BrentLaabs — 2007-03-31 09:58:20

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 39:	Line 39:
- \|\| {{{<tableclass="classname">}}} \|\| Set a ["Help with CSS" CSS] class for the table.\|\|	+ \|\| {{{<tableclass="classname">}}} \|\| Set a ["CSS" CSS] class for the table.\|\|

Help with Tables

BrentLaabs — 2007-03-30 22:49:16

cheating on this example

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 63:	Line 63:
- General table layout and HTML like options::	+ General table layout and HTML like options:: + \|\|\|\|\|\|<tablewidth="80%" bgcolor="#DDDDDD">'''Heading'''\|\| + \|\|cell 1\|\|cell 2\|\|cell 3\|\| + \|\|<rowspan="2"> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell 2\|\|cell 3\|\| + The same with shorthand attributes::
Line 65:	Line 70:
- \|\|cell 1\|\|cell2\|\|cell 3\|\| - \|\|<rowspan="2"> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| - \|\|<rowbgcolor="#FFFFE0">cell2\|\|cell 3\|\|	+ \|\|cell 1\|\|cell 2\|\|cell 3\|\| + \|\|<\|2> spanning rows\|\|<-2#E0E0FF> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell 2\|\|cell 3\|\|
Line 75:	Line 80:
- \|\|<(> left \|\|<^\|3> top \|\|<v\|3> bottom \|\| - \|\|<:> centered \|\| - \|\|<)> right \|\|	+ \|\|<tableborder="1">\|\|<^> top {{{<^>}}}\|\| \|\| + \|\|<(> left {{{<(>}}}\|\|<:> centered {{{<:>}}}\|\|<)> right {{{<)>}}} \|\| + \|\| \|\|<v> bottom {{{<v>}}}\|\| \|\|
Line 92:	Line 97:
- \|\|\|\|\|\|<#DDDDDD 80%>'''Heading'''\|\| - \|\|cell 1\|\|cell2\|\|cell 3\|\|	+ \|\|\|\|\|\|<tablewidth="80%" #DDDDDD>'''Heading'''\|\| + \|\|cell 1\|\|cell 2\|\|cell 3\|\|

Help with Tables

BrentLaabs — 2007-03-30 22:44:13

messin' with examples

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 64:	Line 64:
- \|\|\|\|\|\|<tablewidth="80%">'''Heading'''\|\|	+ \|\|\|\|\|\|<tablewidth="80%" #DDDDDD>'''Heading'''\|\|
Line 66:	Line 66:
- \|\|<rowspan=2> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\|	+ \|\|<rowspan="2"> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\|
Line 69:	Line 69:
- \|\| narrow \|\|<:99%> wide \|\|	+ \|\| narrow \|\|<:85%> wide \|\|
Line 87:	Line 87:
- \|\|\|\|\|\|<tablewidth="80%">'''Heading'''\|\|	+ \|\|\|\|\|\|<tablewidth="80%" bgcolor="#DDDDDD">'''Heading'''\|\| + \|\|cell 1\|\|cell 2\|\|cell 3\|\| + \|\|<rowspan="2"> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell 2\|\|cell 3\|\| + The same with shorthand attributes:: + \|\|\|\|\|\|<#DDDDDD 80%>'''Heading'''\|\|
Line 89:	Line 94:
- \|\|<rowspan=2> spanning rows\|\|\|\|<bgcolor='#E0E0FF'> spanning 2 columns\|\| - \|\|<rowbgcolor="#FFFFE0">cell2\|\|cell 3\|\|	+ \|\|<\|2> spanning rows\|\|<-2#E0E0FF> spanning 2 columns\|\| + \|\|<rowbgcolor="#FFFFE0">cell 2\|\|cell 3\|\|
Line 92:	Line 97:
- \|\| narrow \|\|<:99%> wide \|\|	+ \|\| narrow \|\|<:85%> wide \|\|

Help with Tables

DavidPoole — 2007-03-30 22:36:05

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 17:	Line 17:
	+ \|\| \|\| Note that changing the width of a cell will change the default width for the column as well.\|\|

Help with Tables

DavidPoole — 2007-03-30 22:35:00

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 46:	Line 46:
	+ \|\|'''Attribute:'''\|\|'''Function:'''\|\|

Help with Tables

BrentLaabs — 2007-03-30 22:34:54

that sentence didn't have a verb

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 57:	Line 57:
- If you use several conflicting options like {{{<(:)>}}}, the last option wins. Also, the non-shorthand tags may be included in the same tag as shorthand. Thereby allowing the use of named colors (such as LavenderBlush), and allowing users unfamiliar with the system the ability to simply overwrite the shorthand by adding attributes following the short hand.	+ If you use several conflicting options like {{{<(:)>}}}, the last option wins. Also, the non-shorthand tags may be included in the same tag as shorthand. This allows the use of named colors (such as LavenderBlush) with shorthand, and allows users unfamiliar with the system the ability to simply overwrite the shorthand by adding attributes following the short hand. +

Help with Tables

DavidPoole — 2007-03-30 22:34:49

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 33:	Line 33:
	+ \|\|'''Attribute:'''\|\|'''Function:'''\|\|

Help with Tables

DavidPoole — 2007-03-30 22:34:09

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 15:	Line 15:
- \|\|''Attribute:''\|\|''Function:'' \|\|	+ \|\|'''Attribute:'''\|\|'''Function:'''\|\|

Help with Tables

DavidPoole — 2007-03-30 22:33:50

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 15:	Line 15:
- \|\| Attribute\|\| Function \|\|	+ \|\|''Attribute:''\|\|''Function:'' \|\|

Help with Tables

BrentLaabs — 2007-03-30 22:32:16

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 39:	Line 39:
- Note that cell attributes (such as bgcolor) take dominance over row attributes (such as rowbgcolor) which in turn are dominant over the table attributes (such as tablebgcolor. In addition, in a series of conflicting tags, the last one is dominance, the others are ignored.	+ Note that cell attributes (such as bgcolor) take dominance over row attributes (such as rowbgcolor) which in turn are dominant over the table attributes (such as tablebgcolor). In addition, in a series of conflicting tags, the last one is dominant.

Help with Tables

BrentLaabs — 2007-03-30 22:31:14

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 56:	Line 56:
- If you use several conflicting options like {{{<(:)>}}}, the last option wins. Also, the non-shorthand tags may be included in the same attribute set. Thereby allowing the use of named colors (such as LavenderBlush), and allowing users unfamiliar with the system the ability to simply overwrite the shorthand by adding attributes following the short hand.	+ If you use several conflicting options like {{{<(:)>}}}, the last option wins. Also, the non-shorthand tags may be included in the same tag as shorthand. Thereby allowing the use of named colors (such as LavenderBlush), and allowing users unfamiliar with the system the ability to simply overwrite the shorthand by adding attributes following the short hand.

Help with Tables

BrentLaabs — 2007-03-30 22:30:04

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 33:	Line 33:
- \|\| {{{<rowbgcolor="#XXXXXX"}}} \|\| Sets the background ["Help with Colors" color] for the row of the cell.\|\|	+ \|\| {{{<rowbgcolor="#XXXXXX">}}} \|\| Sets the background ["Help with Colors" color] for the row of the cell.\|\|

Help with Tables

BrentLaabs — 2007-03-30 22:29:08

wording/duplicate sentence

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 17:	Line 17:
- \|\| {{{<colspan="2">}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| - \|\| {{{<rowspan="3">}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| - \|\| {{{<align="left">}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\|	+ \|\| {{{<colspan="2">}}} \|\| Makes the cell span multiple columns horizontally, in this case 2 columns.\|\| + \|\| {{{<rowspan="3">}}} \|\| Makes the cell span multiple rows vertically, in this case 3 rows.\|\| + \|\| {{{<align="left">}}} \|\| Makes the text, images, etc. in the cell align to the left -- this is the default.\|\|
Line 21:	Line 21:
- \|\| {{{<align="right">}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\|	+ \|\| {{{<align="right">}}} \|\| Makes the text, images, etc. in the cell align to the right.\|\|
Line 31:	Line 31:
- You can also set the attributes for a row of cells, or for an entire table, by prefixing the name of the attribute with {{{table}}} or {{{row}}}.

Help with Tables

BrentLaabs — 2007-03-30 22:26:30

fixed some wording

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 7:	Line 7:
- 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.	+ 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, start that cell with more than one cell marker. Adjacent lines of the same level of indentation (i.e. number of spaces) containing table markup are combined into one table.
Line 11:	Line 11:
- 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. If you use more than one of these attributes, they should be separated by a space.	+ Apart from the option to repeat table markers to get cells spanning across several columns, you can directly set many HTML table attributes. Any attributes have to be placed between angle brackets {{{<...>}}} directly after the cell marker. If you use more than one of these attributes, they should be separated by a space.
Line 27:	Line 27:
- Remember that to include multiple attributes you enclose all attributes into the same set of angle brackets for the cell. So to have a cell aligned to the right, spanning seven rows, and with a Lavender Blush background, you would use this attribute: {{{<align="right" rowspan=7 bgcolor="LavenderBlush">}}}.	+ Remember that to include multiple attributes you enclose all attributes into the same set of angle brackets for the cell. So to have a cell aligned to the right, spanning seven rows, and with a Lavender Blush background, you would use this attribute: {{{<align="right" rowspan="7" bgcolor="LavenderBlush">}}}.

Help with Tables

BrentLaabs — 2007-03-30 22:18:57

moved a line of text

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 2:	Line 2:
	+ + For more information on general wiki markup, see ["Help with Editing"]. +
Line 5:	Line 8:
- - For more information on general wiki markup, see ["Help with Editing"].

Help with Tables

DavidPoole — 2007-03-30 22:16:22

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 56:	Line 56:
- If you use several conflicting options like {{{<(:)>}}}, the last option wins.	+ If you use several conflicting options like {{{<(:)>}}}, the last option wins. Also, the non-shorthand tags may be included in the same attribute set. Thereby allowing the use of named colors (such as LavenderBlush), and allowing users unfamiliar with the system the ability to simply overwrite the shorthand by adding attributes following the short hand.

Help with Tables

DavidPoole — 2007-03-30 22:10:05

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
- Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage.[[TableofContents(right)]]	+ [[TableofContents(right)]]Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage.

Help with Tables

DavidPoole — 2007-03-30 22:09:49

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
- [[TableofContents]] - Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage.	+ Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage.[[TableofContents(right)]]

Help with Tables

DavidPoole — 2007-03-30 22:09:21

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 46:	Line 46:
- \|\| {{{<50%>}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| - \|\| {{{<-2>}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| - \|\| {{{<\|3>}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| - \|\| {{{<(>}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| - \|\| {{{<:>}}} \|\| Makes the text, images, etc. in the cell centered.\|\| - \|\| {{{<)>}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| - \|\| {{{<^>}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| - \|\| {{{<v>}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| - \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\| - \|\| {{{<#XXXXXX>}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\|	+ \|\| {{{<50%>}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| + \|\| {{{<-2>}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| + \|\| {{{<\|3>}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| + \|\| {{{<(>}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| + \|\| {{{<:>}}} \|\| Makes the text, images, etc. in the cell centered.\|\| + \|\| {{{<)>}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| + \|\| {{{<^>}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| + \|\| {{{<v>}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| + \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\| + \|\| {{{<#XXXXXX>}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\|

Help with Tables

DavidPoole — 2007-03-30 22:05:45

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 15:	Line 15:
- \|\| Attribute\|\| Function \|\| - \|\| {{{<width="50%">}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| - \|\| {{{<colspan="2">}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| - \|\| {{{<rowspan="3">}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| - \|\| {{{<align="left">}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| - \|\| {{{<align="center">}}} \|\| Makes the text, images, etc. in the cell centered.\|\| - \|\| {{{<align="right">}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| - \|\| {{{<valign="top">}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| - \|\| {{{<valign="bottom">}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| - \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\| - \|\| {{{<bgcolor="#XXXXXX">}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\|	+ \|\| Attribute\|\| Function \|\| + \|\| {{{<width="50%">}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| + \|\| {{{<colspan="2">}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| + \|\| {{{<rowspan="3">}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| + \|\| {{{<align="left">}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| + \|\| {{{<align="center">}}} \|\| Makes the text, images, etc. in the cell centered.\|\| + \|\| {{{<align="right">}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| + \|\| {{{<valign="top">}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| + \|\| {{{<valign="bottom">}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| + \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\| + \|\| {{{<bgcolor="#XXXXXX">}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\|
Line 27:	Line 27:
- Remember that to include multiple attributes you enclose all attributes into the same set of angle brackets for the cell.	+ Remember that to include multiple attributes you enclose all attributes into the same set of angle brackets for the cell. So to have a cell aligned to the right, spanning seven rows, and with a Lavender Blush background, you would use this attribute: {{{<align="right" rowspan=7 bgcolor="LavenderBlush">}}}.

Help with Tables

DavidPoole — 2007-03-30 22:00:03

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 24:	Line 24:
	+ \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\|
Line 26:	Line 27:
- - There is no explicit option for vertical centering (''middle''), since that is always the default. If you use several conflicting options like {{{<valign="top" valign="bottom">}}}, the last option wins.	+ Remember that to include multiple attributes you enclose all attributes into the same set of angle brackets for the cell. + If you use several conflicting options like {{{<valign="top" valign="bottom">}}}, the last option wins.
Line 33:	Line 34:
	+ \|\| {{{<rowbgcolor="#XXXXXX"}}} \|\| Sets the background ["Help with Colors" color] for the row of the cell.\|\| + \|\| {{{<tablebgcolor="#XXXXXX">}}} \|\| Alter the background ["Help with Colors" color] for the entire table.\|\| + \|\| {{{<tableborder="1">}}} \|\| Adds a border to the table.\|\| + \|\| {{{<tablebordercolor="#XXXXXX">}}} \|\| Changes the ["Help with Colors" color] of the border lines.\|\| + \|\| {{{<tableclass="classname">}}} \|\| Set a ["Help with CSS" CSS] class for the table.\|\|
Line 34:	Line 40:
- * {{{<rowbgcolor="#XXXXXX"}}} -- background color for a row - * {{{<tablebgcolor="#XXXXXX">}}} -- background color for the whole table - * {{{<tableborder="1">}}} -- adds a border to the table - * {{{<tablebordercolor="gray">}}} -- changes the color of the border lines - * {{{<tableclass="classname">}}} -- set a ["CSS"] class for the table -	+ Note that cell attributes (such as bgcolor) take dominance over row attributes (such as rowbgcolor) which in turn are dominant over the table attributes (such as tablebgcolor. In addition, in a series of conflicting tags, the last one is dominance, the others are ignored.
Line 45:	Line 46:
- * {{{<50%>}}} -- cell width - * {{{<-2>}}} -- colspan - * {{{<\|2>}}} -- rowspan - * {{{<(>}}} -- left aligned - * {{{<:>}}} -- centered - * {{{<)>}}} -- right aligned - * {{{<^>}}} -- aligned to top - * {{{<v>}}} -- aligned to bottom - * {{{<#XXXXXX>}}} -- background color (For a list of the colors you may use, see ["Help with Colors"].)	+ \|\| {{{<50%>}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| + \|\| {{{<-2>}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| + \|\| {{{<\|3>}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| + \|\| {{{<(>}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| + \|\| {{{<:>}}} \|\| Makes the text, images, etc. in the cell centered.\|\| + \|\| {{{<)>}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| + \|\| {{{<^>}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| + \|\| {{{<v>}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| + \|\| \|\| Note that there is no option for vertical alignment {{{"middle"}}}, this is always the default.\|\| + \|\| {{{<#XXXXXX>}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\|
Line 56:	Line 58:
-

Help with Tables

DavidPoole — 2007-03-30 21:45:00

tablized, better info

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
- == Table Markup ==	+ [[TableofContents]] + Welcome, this is a page to help with tables. Tables are pretty awesome, and useful for organizing data, however they tend to be one of the more complex objects on a wikipage. + + = Table Markup =
Line 4:	Line 7:
- For more information on the possible markup, see ["Help with Editing"].	+ For more information on general wiki markup, see ["Help with Editing"].
Line 6:	Line 9:
- === Table Attributes === -	+ ==Attributes == + ===General Attributes===
Line 11:	Line 14:
- * {{{<width="50%">}}} -- cell width - * {{{<colspan="2">}}} -- make a cell take up multiple columns (horizontal) - * {{{<rowspan="2">}}} -- make a cell take up multiple rows (vertical) - * {{{<align="left">}}} -- left aligned - * {{{<align="center">}}} -- centered - * {{{<align="right">}}} -- right aligned - * {{{<valign="top">}}} -- aligned to top - * {{{<valign="bottom">}}} -- aligned to bottom - * {{{<bgcolor="#XXXXXX">}}} -- background color for a cell (For a list of the colors you may use, see ["Help with Colors"].)	+ + \|\| Attribute\|\| Function \|\| + \|\| {{{<width="50%">}}}\|\| Changes the width of the cell, in this case to 50% the screen.\|\| + \|\| {{{<colspan="2">}}} \|\| Makes the cell span multiple columns horizontally, in this case 2.\|\| + \|\| {{{<rowspan="3">}}} \|\| Makes the cell span multiple rows vertically, in this case 3.\|\| + \|\| {{{<align="left">}}} \|\| Makes the text, images, etc. in the cell aligned to the left, this is default.\|\| + \|\| {{{<align="center">}}} \|\| Makes the text, images, etc. in the cell centered.\|\| + \|\| {{{<align="right">}}} \|\| Makes the text, images, etc. in the cell aligned to the right.\|\| + \|\| {{{<valign="top">}}} \|\| This changes the vertical alignment of the text so it is at the top of the cell.\|\| + \|\| {{{<valign="bottom">}}} \|\| This changes the vertical alignment of the text so it is at the bottom of the cell.\|\| + \|\| {{{<bgcolor="#XXXXXX">}}} \|\| This changes the background color of the cell, see ["Help with Colors"]\|\| +
Line 23:	Line 29:
	+ ===Row and Table Attributes === + You can also set the attributes for a row of cells, or for an entire table, by prefixing the name of the attribute with {{{table}}} or {{{row}}}.
Line 24:	Line 32:
	+
Line 31:	Line 40:
- In addition to these you can use a shorthand markup, which is a little bit harder to read but is good for wiki-ninjas to quickly change a table. In general, you don't need to use a space between these attributes.	+ + ===Shorthand Attributes=== + In addition to these you can use a shorthand markup, which is a little bit harder to read but is good for wiki-ninjas to quickly change a table. These attributes only apply to a single cell rather than a row or the entire table.
Line 46:	Line 57:
- === Example ===	+ = Example =
Line 70:	Line 81:
- === Display ===	+ == Display ==

Help with Tables

BrentLaabs — 2007-03-30 21:33:55

better, probably need to change examples

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 19:	Line 19:
- * {{{<bgcolor="#XXXXXX">}}} -- background color for a cell	+ * {{{<bgcolor="#XXXXXX">}}} -- background color for a cell (For a list of the colors you may use, see ["Help with Colors"].)
Line 21:	Line 21:
- There is no explicit option for vertical centering (''middle''), since that is always the default. If you use several conflicting options like {{{<valign="top" valign="bottom">}}}, the last option wins.	+ There is no explicit option for vertical centering (''middle''), since that is always the default. If you use several conflicting options like {{{<valign="top" valign="bottom">}}}, the last option wins.
Line 23:	Line 23:
- You can also set the attributes for a row of cells, or for an entire table, by prefixing the name of the attribute with {{{table}}} or {{{row}}}.	+ You can also set the attributes for a row of cells, or for an entire table, by prefixing the name of the attribute with {{{table}}} or {{{row}}}. If you want to set an attribute for the whole table, you should probably do it in the first cell of the table. Possible tags:

Help with Tables

BrentLaabs — 2007-03-30 21:27:04

save point; still working on it

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 8:	Line 8:
- 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.	+ 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. If you use more than one of these attributes, they should be separated by a space. + + The options are the following: + * {{{<width="50%">}}} -- cell width + * {{{<colspan="2">}}} -- make a cell take up multiple columns (horizontal) + * {{{<rowspan="2">}}} -- make a cell take up multiple rows (vertical) + * {{{<align="left">}}} -- left aligned + * {{{<align="center">}}} -- centered + * {{{<align="right">}}} -- right aligned + * {{{<valign="top">}}} -- aligned to top + * {{{<valign="bottom">}}} -- aligned to bottom + * {{{<bgcolor="#XXXXXX">}}} -- background color for a cell + + There is no explicit option for vertical centering (''middle''), since that is always the default. If you use several conflicting options like {{{<valign="top" valign="bottom">}}}, the last option wins. + + You can also set the attributes for a row of cells, or for an entire table, by prefixing the name of the attribute with {{{table}}} or {{{row}}}. + + * {{{<rowbgcolor="#XXXXXX"}}} -- background color for a row + * {{{<tablebgcolor="#XXXXXX">}}} -- background color for the whole table + * {{{<tableborder="1">}}} -- adds a border to the table + * {{{<tablebordercolor="gray">}}} -- changes the color of the border lines + * {{{<tableclass="classname">}}} -- set a ["CSS"] class for the table + + In addition to these you can use a shorthand markup, which is a little bit harder to read but is good for wiki-ninjas to quickly change a table. In general, you don't need to use a space between these attributes.
Line 11:	Line 34:
- * {{{<50%>}}}: cell width - * {{{<-2>}}}: colspan - * {{{<\|2>}}}: rowspan - * {{{<(>}}}: left aligned - * {{{<:>}}}: centered - * {{{<)>}}}: right aligned - * {{{<^>}}}: aligned to top - * {{{<v>}}}: aligned to bottom - * {{{<#XXXXXX>}}}: background color (For a list of the colors you may use, see ["Help with Colors"].) - * {{{<tableborder="1">}}}: Turn on borders for tables - * {{{<tablebordercolor="gray">}}}: set the color of the border lines	+ * {{{<50%>}}} -- cell width + * {{{<-2>}}} -- colspan + * {{{<\|2>}}} -- rowspan + * {{{<(>}}} -- left aligned + * {{{<:>}}} -- centered + * {{{<)>}}} -- right aligned + * {{{<^>}}} -- aligned to top + * {{{<v>}}} -- aligned to bottom + * {{{<#XXXXXX>}}} -- background color (For a list of the colors you may use, see ["Help with Colors"].)
Line 23:	Line 44:
- 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}}}, unless you're only intending to affect one cell of the table. - - The long-winded options are the following: - * {{{width="50%"}}} - * {{{colspan="2"}}} - * {{{rowspan="2"}}} - * {{{align="left"}}} - * {{{align="center"}}} - * {{{align="right"}}} - * {{{valign="top"}}} - * {{{valign="bottom"}}} - * {{{bgcolor="#XXXXXX"}}}: background color for a cell - * {{{tablebgcolor="#XXXXXX"}}}: background color for the whole table - * {{{tableborder="1"}}} - * {{{tablebordercolor="gray"}}} - * {{{tableclass="classname"}}}: set a ["CSS"] class for the table	+ If you use several conflicting options like {{{<(:)>}}}, the last option wins.

Help with Tables

PhilipNeustrom — 2007-03-25 01:46:55

tableclass attribute

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 40:	Line 40:
	+ * {{{tableclass="classname"}}}: set a ["CSS"] class for the table

Help with Tables

BrentLaabs — 2007-03-24 22:13:10

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 15:	Line 15:
- * {{{align="center"}}} or {{{<:>}}}: centered	+ * {{{<:>}}}: centered

Help with Tables

PhilipNeustrom — 2007-03-24 21:28:05

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 39:	Line 39:
- * {{{tablebordercolor="gray"}}	+ * {{{tablebordercolor="gray"}}}

Help with Tables

PhilipNeustrom — 2007-03-24 21:24:51

added in html-style attributes in a way that hopefully makes sense

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 23:	Line 23:
- If you are used to formatting with HTML, this chart should help you figure out what wiki code to use. The HTML attributes shown here are for reference purposes: - - \|\| Formatting \|\| HTML Attribute \|\| Wiki Code \|\| - \|\| Cell Width \|\| width \|\| {{{<50%>}}} \|\| - \|\| Cell spans more than one column (horizontal) \|\| colspan \|\| {{{<-2>}}} \|\| - \|\| Cell spans more than one column (vertical) \|\| rowspan \|\| {{{<\|2>}}} \|\| - \|\| Align left \|\| left \|\| {{{<(>}}} \|\| - \|\| Align center (horizontal) \|\| center \|\| {{{align="center"}}} or {{{<:>}}} \|\| - \|\| Align right \|\| right \|\| {{{<)>}}} \|\| - \|\| Align top \|\| top \|\| {{{<^>}}} \|\| - \|\| Align center (on by default) \|\| \|\| n/a \|\| - \|\| Align bottom \|\| bottom \|\| {{{<v>}}} \|\| - \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\| - \|\| Turn on borders, border width \|\| border \|\| {{{<tableborder="1">}}} \|\| - \|\| Change color of border lines \|\| bordercolor \|\| {{{<tablebordercolor="gray">}}} \|\| -
Line 42:	Line 26:
	+ + The long-winded options are the following: + * {{{width="50%"}}} + * {{{colspan="2"}}} + * {{{rowspan="2"}}} + * {{{align="left"}}} + * {{{align="center"}}} + * {{{align="right"}}} + * {{{valign="top"}}} + * {{{valign="bottom"}}} + * {{{bgcolor="#XXXXXX"}}}: background color for a cell + * {{{tablebgcolor="#XXXXXX"}}}: background color for the whole table + * {{{tableborder="1"}}} + * {{{tablebordercolor="gray"}}

Help with Tables

PhilipNeustrom — 2007-03-24 21:17:50

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 23:	Line 23:
- If you are used to formatting with HTML, this chart should help you figure out what wiki code to use. The HTML attributes shown here are for reference purposes, and are not used in the wiki:	+ If you are used to formatting with HTML, this chart should help you figure out what wiki code to use. The HTML attributes shown here are for reference purposes:

Help with Tables

KarlMogel — 2007-03-24 20:53:17

Do we need the bullet list AND the chart? repeats information. (plus html detail

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 19:	Line 19:
- * {{{<#XXXXXX>}}}: background color	+ * {{{<#XXXXXX>}}}: background color (For a list of the colors you may use, see ["Help with Colors"].)
Line 23:	Line 23:
- The HTML attributes, for reference purposes:	+ If you are used to formatting with HTML, this chart should help you figure out what wiki code to use. The HTML attributes shown here are for reference purposes, and are not used in the wiki:
Line 35:	Line 35:
- \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\| For a list of the colors you may use, see ["Help with Colors"]. \|\|	+ \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\|

Help with Tables

PhilipNeustrom — 2007-03-24 07:08:53

you can use traditional HTML-style attributes

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 23:	Line 23:
- The HTML attributes are included just for reference, and are not used in the wiki code.	+ The HTML attributes, for reference purposes: +

Help with Tables

KarlMogel — 2007-03-24 05:12:13

deorphaning

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 34:	Line 34:
- \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\|	+ \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\| For a list of the colors you may use, see ["Help with Colors"]. \|\|

Help with Tables

BrentLaabs — 2007-03-24 04:32:18

still playing around... this does look more informative

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 79:	Line 79:
- \|\|<(> left \|\|<^\|3> top \|\|<v\|3> bottom \|\| - \|\|<:> centered \|\| - \|\|<)> right \|\|	+ \|\|<tableborder="1" tablewidth="40%">\|\|<^> top {{{<^>}}}\|\|[[br]][[br]]\|\| + \|\|<(> left {{{<(>}}}\|\|<:> centered {{{<:>}}}\|\|<)> [[br]]right {{{<)>}}}[[br]][[br]] \|\| + \|\| \|\|<v> bottom {{{<v>}}}\|\|[[br]][[br]]\|\|

Help with Tables

BrentLaabs — 2007-03-24 04:17:14

i'm not sure if i like the table presentation better or not

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 22:	Line 22:
	+ + The HTML attributes are included just for reference, and are not used in the wiki code. + \|\| Formatting \|\| HTML Attribute \|\| Wiki Code \|\| + \|\| Cell Width \|\| width \|\| {{{<50%>}}} \|\| + \|\| Cell spans more than one column (horizontal) \|\| colspan \|\| {{{<-2>}}} \|\| + \|\| Cell spans more than one column (vertical) \|\| rowspan \|\| {{{<\|2>}}} \|\| + \|\| Align left \|\| left \|\| {{{<(>}}} \|\| + \|\| Align center (horizontal) \|\| center \|\| {{{align="center"}}} or {{{<:>}}} \|\| + \|\| Align right \|\| right \|\| {{{<)>}}} \|\| + \|\| Align top \|\| top \|\| {{{<^>}}} \|\| + \|\| Align center (on by default) \|\| \|\| n/a \|\| + \|\| Align bottom \|\| bottom \|\| {{{<v>}}} \|\| + \|\| Background color \|\| bgcolor \|\| {{{<#XXXXXX>}}} \|\| + \|\| Turn on borders, border width \|\| border \|\| {{{<tableborder="1">}}} \|\| + \|\| Change color of border lines \|\| bordercolor \|\| {{{<tablebordercolor="gray">}}} \|\|

Help with Tables

BrentLaabs — 2007-03-18 09:31:32

(quick edit)

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 25:	Line 25:
- 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}}}.	+ 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}}}, unless you're only intending to affect one cell of the table.

Help with Tables

JasonAller — 2007-01-22 02:01:43

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 20:	Line 20:
	+ * {{{<tableborder="1">}}}: Turn on borders for tables + * {{{<tablebordercolor="gray">}}}: set the color of the border lines

Help with Tables

JasonAller — 2007-01-22 01:59:50

document primary coding for tables

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 15:	Line 15:
- * {{{<:>}}}: centered	+ * {{{align="center"}}} or {{{<:>}}}: centered

Help with Tables

PhilipNeustrom — 2007-01-10 03:36:34

table border example

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 44:	Line 44:
	+ + and now a table with a border: + \|\|<tableborder="1">item one\|\|item 2\|\|
Line 64:	Line 67:
	+ + and now a table with a border: + \|\|<tableborder="1">item one\|\|item 2\|\|

Help with Tables

BrentLaabs — 2006-12-26 06:27:47

Differences for Help with Tables

Deletions are marked with - .	Additions are marked with +.
Line 1:	Line 1:
- ##language:en
Line 5:	Line 4:
- For more information on the possible markup, see ["Help On Editing"].	+ For more information on the possible markup, see ["Help with Editing"].

Help with Tables

PhilipNeustrom — 2006-11-20 22:37:46

Renamed from "Help On Tables" (less engrish)

Differences for Help with 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 \|\|