SQLite Testing - Playground/TableMarkupGuide https://wackowiki.org/test/Playground/TableMarkupGuide Revisions of SQLite Testing: Playground/TableMarkupGuide Fri, 26 Jun 2026 00:18:14 +0000 SQLite Testing - Recent changes https://wackowiki.org/test/ https://wackowiki.org/test/image/wacko_logo.png 108 50 en WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=59 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
##""||""{!!style options!!} Element content
""||""##
||(bgcolor=red) Hello ||
||(bgcolor=red) Hello ||
You can apply existing classes from your stylesheet to any element
using the class parameter ##(class=!!class!!)##. Note that custom
style declarations specified through braced markup override class
attributes.
?| Using class selectors to add style to table elements |?
||(class=highlight) This cell uses the ##.highlight## class ||
||(class=smaller) This cell uses the ##.smaller## class ||
||(class=smaller){font-size:150%} This cell uses the ##.smaller##
class overridden by custom style settings ||
?| Using class selectors to add style to table elements |?
||(class=highlight) This cell uses the ##.highlight## class ||
||(class=smaller) This cell uses the ##.smaller## class ||
||(class=smaller){font-size:150%} This cell uses the ##.smaller##
class overridden by custom style settings ||
#|(bgcolor=red width=300px align=center)
#|(bgcolor=red width=300px align=center)
##id## attributes are used to refer to unique elements in a page and
to provide an anchor for styling and linking. You can specify an
##id## for any table element by using the ##(id=!!id!!)## parameter.
#|(id=main_table)
#|(id=main_table)
#|(width=400px)
?|(side=bottom) Here's how you can group rows |?
*| Name | Place | Telephone |*
^| John Smith | New York | 555-1234 ||
^| Jane Smith| Los Angeles | 555-2345 ||
^| John Doe | Unknown | Unknown ||
^| Jane Doe | Unknown | Unknown ||
#|(width=400px)
?|(side=bottom) Here's how you can group rows |?
*| Name | Place | Telephone |*
^| John Smith | New York | 555-1234 ||
^| Jane Smith| Los Angeles | 555-2345 ||
^| John Doe | Unknown | Unknown ||
^| Jane Doe | Unknown | Unknown ||
?| Table 1: Company data |?
*| |(scope=col) Employees |(scope=col) Founded |*
^|(scope=row) ACME Inc | 1000 | 1947 ||
^|(scope=row) XYZ Corp | 2000 | 1973 ||
?| Table 1: Company data |?
*| |(scope=col) Employees |(scope=col) Founded |*
^|(scope=row) ACME Inc | 1000 | 1947 ||
^|(scope=row) XYZ Corp | 2000 | 1973 ||

Deletions:
##""||""{''style options''}
Element content ""||""##
||{background-color:red; color:white} Hello ||
||{background-color:red; color:white} Hello ||
You can apply existing classes from your stylesheet to any element
using the class parameter ##(c:''class'')##. Note
that custom style declarations specified through braced markup
override class attributes.
?|Using class selectors to add style to table elements||
||(c:highlight)This cell uses the ##.highlight## class||
||(c:smaller)This cell uses the ##.smaller## class||
||(c:smaller){font-size:150%}This cell uses the ##.smaller## class
overridden by custom style settings||
?|Using class selectors to add style to table elements|?
||(c:highlight)This cell uses the ##.highlight## class||
||(c:smaller)This cell uses the ##.smaller## class||
||(c:smaller){font-size:150%}This cell uses a ##.smaller## class
overridden by custom style settings||
!|{border:3px solid blue; background-color: black; color: white;
width: 300px; text-align: center}|!
!|{border:3px solid blue; background-color: black; color: white;
width: 300px; text-align: center}|!
##id## attributes are used to refer to unique elements in a page and
to provide an anchor for styling and linking. You can specify an
##id## for any table element by using the
##(id=''id'')## parameter.
!|(id=main_table)|!
!|(i:main_table)|!
!|{width: 400px}|!
?|Here's how you can group rows|?
|[|
*|Name|Place|Telephone|*
|]|
*|Name|Place|Telephone|*
|#|
^|John Smith|New York|555-1234||
^|Jane Smith|Los Angeles|555-2345||
^|John Doe|Unknown|Unknown||
^|Jane Doe|Unknown|Unknown||
!|{width: 400px}|!
?|Here's how you can group rows|?
|[|
*|Name|Place|Telephone|*
|]|
*|Name|Place|Telephone|*
|#|
^|John Smith|New York|555-1234||
^|Jane Smith|Los Angeles|555-2345||
^|John Doe|Unknown|Unknown||
^|Jane Doe|Unknown|Unknown||
?|Table 1: Company data||
|[|
*| |(scope=col)Employees|(scope=col)Founded|*
|#|
^|(scope=row)ACME Inc|1000|1947||
^|(scope=row)XYZ Corp|2000|1973||
?|Table 1: Company data|?
|[|
*| |(scope=col)Employees|(scope=col)Founded|*
|#|
^|(scope=row)ACME Inc|1000|1947||
^|(scope=row)XYZ Corp|2000|1973||
]]> Tue, 03 Mar 2026 09:52:25 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=58 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
|| And here's some subscript too: a,,2k,, ||
|| And here's some subscript too: a,,2k,, ||

Deletions:
|| And here's some subscript too: avv2kvv ||
|| And here's some subscript too: avv2kvv ||
]]> Sun, 01 Mar 2026 13:03:37 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=57 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
||(colspan=2 rowspan=2 bgcolor=pink) 2x2 |(colspan=2
bgcolor=lightblue) 2x1 |(rowspan=2 bgcolor=lightyellow) 1x2 ||
||(rowspan=2 bgcolor=lightyellow) 1x2 |(bgcolor=darkslategray)
!!(white)1x1!! ||
||(bgcolor=lightblue) 1x1 |(bgcolor=darkslategray) !!(white)1x1!!
|(colspan=2 bgcolor=pink) 2x1 ||
||(colspan=2 rowspan=2 bgcolor=pink) 2x2 |(colspan=2
bgcolor=lightblue) 2x1 |(rowspan=2 bgcolor=lightyellow) 1x2 ||
||(rowspan=2 bgcolor=lightyellow) 1x2 |(bgcolor=darkslategray)
!!(white)1x1!! ||
||(bgcolor=lightblue) 1x1 |(bgcolor=darkslategray) !!(white)1x1!!
|(colspan=2 bgcolor=pink) 2x1 ||

Deletions:
||(x=2 y=2){background-color:pink} 2x2
|(colspan=2){background-color:lightblue} 2x1
|(rowspan=2){background-color:lightyellow} 1x2 ||
||(rowspan=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1
|(colspan=2){background-color:pink} 2x1 ||
||(x=2 y=2){background-color:pink} 2x2
|(colspan=2){background-color:lightblue} 2x1
|(rowspan=2){background-color:lightyellow} 1x2 ||
||(rowspan=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1
|(colspan=2){background-color:pink} 2x1 ||
]]> Sun, 01 Mar 2026 08:06:59 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=51 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
===Formatting text===
===Actions and images===
===Links===
===HTML===

Deletions:
===Formatting text within tables===
===Actions and images within tables===
===Links within tables===
===HTML within tables===
]]> Sun, 01 Mar 2026 08:05:00 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=50 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
===Cell Spans===
**Cell spans** are used to combine multiple cells or multiple headings
vertically or horizontally and are created using the following
[[TableMarkupReference attribute parameters]]:
##""||""(''span options'')
Element content ""||""##
A **cell spanning multiple columns** is generated by prefixing the
cell content with a ##(colspan=''n'')## parameter,
where ##''n''## is the number of columns to be
spanned. The following example shows how to create a cell spanning two
columns:
||(colspan=2) Cell spanning 2 columns | Cell 3 ||
||(colspan=2) Cell spanning 2 columns | Cell 3 ||
Spans can also be applied to rows. A **cell spanning multiple rows**
is generated by prefixing the cell content with a
##(rowspan=''n'')## parameter, where
##''n''## is the number of rows to be spanned. The
following example shows how to create a cell spanning two rows:
||(rowspan=2) Cell spanning 2 rows | Cell 2 | Cell 3 ||
||(rowspan=2) Cell spanning 2 rows | Cell 2 | Cell 3 ||
|| 8-9 | |(rowspan=9) Outreach | |(rowspan=9) Outreach | ||
|| 14-15 |(rowspan=3) CSCI 102 | CSCI 101 | CSCI 101 ||
|| 8-9 | |(rowspan=9) Outreach | |(rowspan=9) Outreach | ||
|| 14-15 |(rowspan=3) CSCI 102 | CSCI 101 | CSCI 101 ||
*| |(colspan=2) Apples |(colspan=2) Pears |*
*| |(colspan=2) Apples |(colspan=2) Pears |*
||(colspan=2 rowspan=2) 2x2 |(colspan=2) 2x1 |(rowspan=2) 1x2 ||
||(rowspan=2) 1x2 | 1x1 ||
|| 1x1 | 1x1 |(colspan=2) 2x1 ||
||(colspan=2 rowspan=2) 2x2 |(colspan=2) 2x1 |(rowspan=2) 1x2 ||
||(rowspan=2) 1x2 | 1x1 ||
|| 1x1 | 1x1 |(colspan=2) 2x1 ||
|| !!Highlighted!! | --Strikethrough-- |(colspan=2) **//Bold
italics//** ||
|| !!Highlighted!! | --Strikethrough-- |(colspan=2) **//Bold
italics//** ||
===Actions and images within tables===
===Links within tables===
===HTML within tables===
|| And here's some subscript too: avv2kvv ||
|| And here's some subscript too: avv2kvv ||
===Styling===
||(x=2 y=2){background-color:pink} 2x2
|(colspan=2){background-color:lightblue} 2x1
|(rowspan=2){background-color:lightyellow} 1x2 ||
||(rowspan=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1
|(colspan=2){background-color:pink} 2x1 ||
||(x=2 y=2){background-color:pink} 2x2
|(colspan=2){background-color:lightblue} 2x1
|(rowspan=2){background-color:lightyellow} 1x2 ||
||(rowspan=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1
|(colspan=2){background-color:pink} 2x1 ||
##id## attributes are used to refer to unique elements in a page and
to provide an anchor for styling and linking. You can specify an
##id## for any table element by using the
##(id=''id'')## parameter.
!|(id=main_table)|!
||(id=cell_1)This cell can be referred to by using the ##cell_1## id||
||(id=cell_2)This cell can be referred to by using the ##cell_2## id||
||(id=cell_1)This cell can be referred to by using the ##cell_1## id||
||(id=cell_2)This cell can be referred to by using the ##cell_2## id||
  * Column heading scopes can be specified using the ##(scope=col)##
parameter in the corresponding column heading;
  * Row heading scopes can be specified using the ##(scope=row)##
parameter in the corresponding row heading;
*| |(scope=col)Employees|(scope=col)Founded|*
^|(scope=row)ACME Inc|1000|1947||
^|(scope=row)XYZ Corp|2000|1973||
*| |(scope=col)Employees|(scope=col)Founded|*
^|(scope=row)ACME Inc|1000|1947||
^|(scope=row)XYZ Corp|2000|1973||

Deletions:
===Spans===
**Spans** are used to combine multiple cells or multiple headings
vertically or horizontally and are created using the following
[[TableMarkupReference attribute parameters]]:
##""||""(''span
options'')Element content""||""##
A **cell spanning multiple columns** is generated by prefixing the
cell content with a ##(x=''n'')## parameter, where
##''n''## is the number of columns to be spanned.
The following example shows how to create a cell spanning two columns:
||(x=2) Cell spanning 2 columns | Cell 3 ||
||(x=2) Cell spanning 2 columns | Cell 3 ||
Spans can also be applied to rows. A **cell spanning multiple rows**
is generated by prefixing the cell content with a
##(y=''n'')## parameter, where
##''n''## is the number of rows to be spanned. The
following example shows how to create a cell spanning two rows:
||(y=2) Cell spanning 2 rows | Cell 2 | Cell 3 ||
||(y=2) Cell spanning 2 rows | Cell 2 | Cell 3||
|| 8-9 | |(y=9) Outreach | |(y=9) Outreach | ||
|| 14-15 |(y=3) CSCI 102 | CSCI 101 | CSCI 101 ||
|| 8-9 | |(y=9) Outreach | |(y=9) Outreach | ||
|| 14-15 |(y=3) CSCI 102 | CSCI 101 | CSCI 101 ||
*| |(x=2) Apples |(x=2) Pears |*
*| |(x=2) Apples |(x=2) Pears |*
||(x=2 y=2) 2x2 |(x=2) 2x1 |(y=2) 1x2 ||
||(y=2) 1x2 | 1x1 ||
|| 1x1 | 1x1 |(x=2) 2x1 ||
||(x=2 y=2) 2x2 |(x=2) 2x1 |(y=2) 1x2 ||
||(y=2) 1x2 | 1x1 ||
|| 1x1 | 1x1 |(x=2) 2x1 ||
|| !!Highlighted!! | --Strikethrough-- |(x=2) **//Bold italics//** ||
|| !!Highlighted!! | --Strikethrough-- |(x=2) **//Bold italics//** ||
===Adding actions and images within tables===
===Adding links within tables===
===Adding HTML within tables===
|| And here's some subscript too: a,,2k,, ||
|| And here's some subscript too: a,,2k,, ||
===Adding a touch of style===
||(x=2 y=2){background-color:pink} 2x2
|(x=2){background-color:lightblue} 2x1
|(y=2){background-color:lightyellow} 1x2 ||
||(y=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1 |(x=2){background-color:pink}
2x1 ||
||(x=2 y=2){background-color:pink} 2x2
|(x=2){background-color:lightblue} 2x1
|(y=2){background-color:lightyellow} 1x2 ||
||(y=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1 |(x=2){background-color:pink}
2x1 ||
##id## attributes are used to refer to unique elements in a page and
to provide an anchor for styling and linking. You can specify an
##id## for any table element by using the
##(i=''id'')## parameter.
!|(i=main_table)|!
||(i=cell_1)This cell can be referred to by using the ##cell_1## id||
||(i=cell_2)This cell can be referred to by using the ##cell_2## id||
||(i=cell_1)This cell can be referred to by using the ##cell_1## id||
||(i=cell_2)This cell can be referred to by using the ##cell_2## id||
  * Column heading scopes can be specified using the ##(o=col)##
parameter in the corresponding column heading;
  * Row heading scopes can be specified using the ##(o=row)##
parameter in the corresponding row heading;
*| |(o=col)Employees|(o=col)Founded|*
^|(o=row)ACME Inc|1000|1947||
^|(o=row)XYZ Corp|2000|1973||
*| |(o=col)Employees|(o=col)Founded|*
^|(o=row)ACME Inc|1000|1947||
^|(o=row)XYZ Corp|2000|1973||
]]> Sat, 28 Feb 2026 07:03:43 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=41 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
|| Image links: | file:/IMG_20250615_134454_135-min.jpg?600 ||
|| Image links: | file:/IMG_20250615_134454_135-min.jpg?600 ||

Deletions:
|| Image links: | file:/Przewalski-horses.jpg?600 ||
|| Image links: | file:/Przewalski-horses.jpg?600 ||
]]> Sat, 28 Feb 2026 07:00:10 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=40 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
|| And here's some subscript too: a,,2k,, ||
|| And here's some subscript too: a,,2k,, ||

Deletions:
|| And here's some subscript too: avv2kvv ||
|| And here's some subscript too: avv2kvv ||
]]> Fri, 27 Feb 2026 17:41:41 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=39 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
##""||""{''style options''}
Element content ""||""##

Deletions:
##""||""{''style
options''}Element content""||""##
]]> Fri, 27 Feb 2026 17:41:24 +0000 WikiAdmin: https://wackowiki.org/test/Playground/TableMarkupGuide?revision_id=38 https://wackowiki.org/test/Playground/TableMarkupGuide Additions:
?| Give priority |?
||(x=2 y=2){background-color:pink} 2x2
|(x=2){background-color:lightblue} 2x1
|(y=2){background-color:lightyellow} 1x2 ||
||(y=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1 |(x=2){background-color:pink}
2x1 ||
?| Give priority |?
||(x=2 y=2){background-color:pink} 2x2
|(x=2){background-color:lightblue} 2x1
|(y=2){background-color:lightyellow} 1x2 ||
||(y=2){background-color:lightyellow} 1x2
|{background-color:#333;color:white} 1x1 ||
||{background-color:lightblue} 1x1
|{background-color:#333;color:white} 1x1 |(x=2){background-color:pink}
2x1 ||

Deletions:
?|Give priority|?
||(x=2;y=2){background-color:pink}2x2|(x=2){background-color:lightblue
}2x1|(y=2){background-color:lightyellow}1x2||
||(y=2){background-color:lightyellow}1x2|{background-color:#333;color:
white}1x1||
||{background-color:lightblue}1x1|{background-color:#333;color:white}1
x1|(x=2){background-color:pink}2x1||
?|Give priority|?
||(x=2;y=2){background-color:pink}2x2|(x=2){background-color:lightblue
}2x1|(y=2){background-color:lightyellow}1x2||
||(y=2){background-color:lightyellow}1x2|{background-color:#333;color:
white}1x1||
||{background-color:lightblue}1x1|{background-color:#333;color:white}1
x1|(x=2){background-color:pink}2x1||
]]> Fri, 27 Feb 2026 17:37:06 +0000