From 77bc07e535792efe8f01b31ef3d8761e1cf27692 Mon Sep 17 00:00:00 2001
From: Julian <julian@vantage-design.com>
Date: Mon, 11 May 2020 15:37:41 +0200
Subject: Added table shortcode for styled tables

---
 exampleSite/content/shortcodes/table.md | 34 +++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 exampleSite/content/shortcodes/table.md

(limited to 'exampleSite')

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    
-- 
cgit v1.2.3