Difference between revisions for Playground / Table Markup Guide




← Previous edit
Next edit →

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