Table Markup Guide (diff) - SQLite Testing

Difference between revisions for Playground / Table Markup Guide

Merge of Version1 & Version2
331
332	===Adding a touch of style===
333	The table markup introduces a new [[TableMarkupReference style selector]]. CSS style options can be added to any element by enclosing them within single braces, right before the element content, e.g.:
334	##""\|\|""{''style options''}~~Element content~~ Element content ""\|\|""##
335
336	For example, to render a cell with red background and white text color, you can do the following:
337
…	…
391
392	%%
393	#\|
394	?\|~~Give priority~~ Give priority \|?
395	\|\|(x=2~~;y=2){background-color:pink}2x2\|(x=2){background-color:lightblue}2x1\|(y=2){background-color:lightyellow}1x2~~ y=2){background-color:pink} 2x2 \|(x=2){background-color:lightblue} 2x1 \|(y=2){background-color:lightyellow} 1x2 \|\|
396	\|\|(y=2){background-color:lightyellow}~~1x2\|{background-color:#333;color:white}1x1~~ 1x2 \|{background-color:#333;color:white} 1x1 \|\|
397	\|\|{background-color:lightblue}~~1x1\|{background-color:#333;color:white}1x1\|(x=2){background-color:pink}2x1~~ 1x1 \|{background-color:#333;color:white} 1x1 \|(x=2){background-color:pink} 2x1 \|\|
398	\|#
399	%%
400
401	#\|
402	?\|~~Give priority~~ Give priority \|?
403	\|\|(x=2~~;y=2){background-color:pink}2x2\|(x=2){background-color:lightblue}2x1\|(y=2){background-color:lightyellow}1x2~~ y=2){background-color:pink} 2x2 \|(x=2){background-color:lightblue} 2x1 \|(y=2){background-color:lightyellow} 1x2 \|\|
404	\|\|(y=2){background-color:lightyellow}~~1x2\|{background-color:#333;color:white}1x1~~ 1x2 \|{background-color:#333;color:white} 1x1 \|\|
405	\|\|{background-color:lightblue}~~1x1\|{background-color:#333;color:white}1x1\|(x=2){background-color:pink}2x1~~ 1x1 \|{background-color:#333;color:white} 1x1 \|(x=2){background-color:pink} 2x1 \|\|
406	\|#
407
408	===Adding style through classes===