diff options
| author | Julian <julian@vantage-design.com> | 2020-05-11 16:37:41 +0300 |
|---|---|---|
| committer | Julian <julian@vantage-design.com> | 2020-05-11 21:02:38 +0300 |
| commit | 77bc07e535792efe8f01b31ef3d8761e1cf27692 (patch) | |
| tree | bfe20da4d781265bc0bc4736a90170fbe7b2289c /exampleSite | |
| parent | 9cf3ca6c07d1d9489359aa514d7cd8a947786f89 (diff) | |
Added table shortcode for styled tables
Diffstat (limited to 'exampleSite')
| -rw-r--r-- | exampleSite/content/shortcodes/table.md | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/exampleSite/content/shortcodes/table.md b/exampleSite/content/shortcodes/table.md new file mode 100644 index 0000000..232c324 --- /dev/null +++ b/exampleSite/content/shortcodes/table.md @@ -0,0 +1,34 @@ ++++ +title = "Table" +description = "" ++++ + +The table shortcode allows you to wrap your tables in a <code>table</code> class, providing styling to the table such as borders, stripes and hover effects. + +{{< table >}} +| Tables | are | cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | +{{< /table >}} + +## Usage +Place the following shortcode on the page +{{< code lang="html" >}} +{{</* table style="STYLE" */>}} +| Tables | are | cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | +{{</* /table */>}} +{{< /code >}} + +### Parameters +#### Style +The style parameter is directly applied to the table as a class in the format *"{STYLE}"*. Bootstrap comes with several styles that can be used with this: +- table-striped +- table-dark +- table-bordered +- table-hover |