Difference between revisions for Playground / Table Markup Guide




← Previous edit
Next edit →

Version1 Version2
240 |# 240 |#
241 241
242 242
243 ===Formatting text within tables=== 243 ===Formatting text===
244 244
245 You can use any kind of basic [[wackowiki:Doc/English/Formatting Wacko markup]] to render text within tables. 245 You can use any kind of basic [[wackowiki:Doc/English/Formatting Wacko markup]] to render text within tables.
246 The following example adds basic formatting to cell content: 246 The following example adds basic formatting to cell content:
259 || !!Highlighted!! | --Strikethrough-- |(colspan=2) **//Bold italics//** || 259 || !!Highlighted!! | --Strikethrough-- |(colspan=2) **//Bold italics//** ||
260 |# 260 |#
261 261
262 ===Actions and images within tables=== 262 ===Actions and images===
263 263
264 Simple, content-generating [[Docs:UsingActions actions]] (including [[Docs:AddingImages images]]) can be added within table cells and headings. 264 Simple, content-generating [[Docs:UsingActions actions]] (including [[Docs:AddingImages images]]) can be added within table cells and headings.
265 265
279 || !!some colored text!! || 279 || !!some colored text!! ||
280 |# 280 |#
281 281
282 ===Links within tables=== 282 ===Links===
283 283
284 All the available options to create [[Docs:AddingLinks links]] can be used within table cells or headings: 284 All the available options to create [[Docs:AddingLinks links]] can be used within table cells or headings:
285 285
309 || Image links: | file:/IMG_20250615_134454_135-min.jpg?600 || 309 || Image links: | file:/IMG_20250615_134454_135-min.jpg?600 ||
310 |# 310 |#
311 311
312 ===HTML within tables=== 312 ===HTML===
313 313
314 You can also use [[Docs:UsingHTML embedded HTML]] in table elements: 314 You can also use [[Docs:UsingHTML embedded HTML]] in table elements:
315 315
317 #| 317 #|
318 ?| Embedding HTML within tables |? 318 ?| Embedding HTML within tables |?
319 || Here's some superscript: a^^2+1^^ || 319 || Here's some superscript: a^^2+1^^ ||
320 || And here's some subscript too: avv2kvv || 320 || And here's some subscript too: a,,2k,, ||
321 || I love acronyms: (?WYTIWYG What You Think Is What You Get?) || 321 || I love acronyms: (?WYTIWYG What You Think Is What You Get?) ||
322 |# 322 |#
323 %% 323 %%
325 #| 325 #|
326 ?| Embedding HTML within tables |? 326 ?| Embedding HTML within tables |?
327 || Here's some superscript: a^^2+1^^ || 327 || Here's some superscript: a^^2+1^^ ||
328 || And here's some subscript too: avv2kvv || 328 || And here's some subscript too: a,,2k,, ||
329 || I love acronyms: (?WYTIWYG What You Think Is What You Get?) || 329 || I love acronyms: (?WYTIWYG What You Think Is What You Get?) ||
330 |# 330 |#
331 331
392 %% 392 %%
393 #| 393 #|
394 ?| Give priority |? 394 ?| Give priority |?
395 ||(x=2 y=2){background-color:pink} 2x2 |(colspan=2){background-color:lightblue} 2x1 |(rowspan=2){background-color:lightyellow} 1x2 || 395 ||(colspan=2 rowspan=2 bgcolor=pink) 2x2 |(colspan=2 bgcolor=lightblue) 2x1 |(rowspan=2 bgcolor=lightyellow) 1x2 ||
396 ||(rowspan=2){background-color:lightyellow} 1x2 |{background-color:#333;color:white} 1x1 || 396 ||(rowspan=2 bgcolor=lightyellow) 1x2 |(bgcolor=darkslategray) !!(white)1x1!! ||
397 ||{background-color:lightblue} 1x1 |{background-color:#333;color:white} 1x1 |(colspan=2){background-color:pink} 2x1 || 397 ||(bgcolor=lightblue) 1x1 |(bgcolor=darkslategray) !!(white)1x1!! |(colspan=2 bgcolor=pink) 2x1 ||
398 |# 398 |#
399 %% 399 %%
400 400
401 #| 401 #|
402 ?| Give priority |? 402 ?| Give priority |?
403 ||(x=2 y=2){background-color:pink} 2x2 |(colspan=2){background-color:lightblue} 2x1 |(rowspan=2){background-color:lightyellow} 1x2 || 403 ||(colspan=2 rowspan=2 bgcolor=pink) 2x2 |(colspan=2 bgcolor=lightblue) 2x1 |(rowspan=2 bgcolor=lightyellow) 1x2 ||
404 ||(rowspan=2){background-color:lightyellow} 1x2 |{background-color:#333;color:white} 1x1 || 404 ||(rowspan=2 bgcolor=lightyellow) 1x2 |(bgcolor=darkslategray) !!(white)1x1!! ||
405 ||{background-color:lightblue} 1x1 |{background-color:#333;color:white} 1x1 |(colspan=2){background-color:pink} 2x1 || 405 ||(bgcolor=lightblue) 1x1 |(bgcolor=darkslategray) !!(white)1x1!! |(colspan=2 bgcolor=pink) 2x1 ||
406 |# 406 |#
407 407
408 ===Adding style through classes=== 408 ===Adding style through classes===