diff --git a/md/help articles/How to use ttcMD.md b/md/help articles/How to use ttcMD.md index b9a3cde..7c2a740 100644 --- a/md/help articles/How to use ttcMD.md +++ b/md/help articles/How to use ttcMD.md @@ -10,6 +10,7 @@ updated: March 14th, 2024 - [What even is ttcMD?](#what-even-is-ttcmd) - [Enhanced Standard Elements](#enhanced-standard-elements) - [Links](#links) + - [Tables](#tables) - [Custom Elements](#custom-elements) - [Pop-outs](#pop-outs) - [Block-level Elements](#block-level-elements) @@ -53,6 +54,68 @@ You can use the typical link syntax `[link name](/link/location)`, but there are [```cta link name](#links) +### Tables + +Generally tables will only be as wide as their content needs. To make a table take up the full width, you can use this syntax: + +[][][] + +With a header: +``` +| Table | Header | Row | +| <---- | ------ | --> | +| Table | Body | Row 1 | +| Table | Body | Row 2 | +| Table | Body | Row 3 | +``` + +Without a header: +``` +| <---- | ------ | --> | +| Table | Body | Row 1 | +| Table | Body | Row 2 | +| Table | Body | Row 3 | +``` + +As you can see, it makes use of the default separator line and uses `<` and `>` to denote that it should be full width. Note that the length of the dashes does not matter, all that matters is that the separator line starts with `| <-` and ends with `-> |`. + +[[!2 + +Additionally, you can specify if a column is meant to be centered by using `^` inside the separator. For example, `| <--- | -^- | ---> |` will make the second column of all table rows centered. Its positioning within the column doesn't matter. + +]] + +/[] + +There is also an additional feature of adding a table footer by using a second separator. This second separator does not have any affect on the width or centering of the footer columns. + +**Examples:** + +[][][] + +Normal table: +| Table | Header | Row | +| ---- | ------ | -- | +| Table | Body | Row 1 | +| Table | Body | Row 2 | +| Table | Body | Row 3 | + +Full width: +| <---- | ----- | --> | +| Table | Body | Row 1 | +| Table | Body | Row 2 | +| Table | Body | Row 3 | + +Full width with a centered body column +| Table | Header | Row | +| <---- | ---^-- | --> | +| Table | Body | Row 1 | +| Table | Body | Row 2 | +| Table | Body | Row 3 | + + +/[] + ## Custom Elements This section will cover the specific elements custom built for Tabletop Commander. @@ -175,6 +238,12 @@ And hurt you. [/accordion] ]] + + +[[2 +Additionally, you can specify a number after the opening brackets (`[[2 ... ]]`) to specify how many grid columns the card should cover, just like this card! +]] + /[] ### Block @@ -195,6 +264,11 @@ And it's not just paragraphs that you can group together, you can use any other ![goofy](https://yt3.ggpht.com/a/AATXAJwbIW0TwEhqdT2ZPeSB1AtdtWD2ZXam80oijg=s900-c-k-c0xffffffff-no-rj-mo) ]] + +[[!2 +Additionally, you can specify a number after the opening brackets (`[[!2 ... ]]`) to specify how many grid columns the block should cover, just like this block! +]] + /[]