Add documentation for table component

Adds Table documentation page under Components section with
an example of how to create a basic table.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I9033fae662bd46d301edfb02d8a5c108e05017c6

3 files changed, 20 insertions, 0 deletions

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 61ac0a85..c650d7e6 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -48,6 +48,7 @@ module.exports = {
             "/guide/components/",
             "/guide/components/alert",
             "/guide/components/button",
+            "/guide/components/table",
             "/guide/components/toast",
           ]
           },
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
index 5c218373..6ff87759 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -7,6 +7,7 @@ import StatusIcon from "./components/app-imports/StatusIcon";
 import {
     AlertPlugin,
     ButtonPlugin,
+    TablePlugin,
     ToastPlugin
   } from 'bootstrap-vue';
 
@@ -14,6 +15,7 @@ import {
 export default ({ Vue }) => {
       Vue.use(AlertPlugin);
       Vue.use(ButtonPlugin);
+      Vue.use(TablePlugin);
       Vue.use(ToastPlugin);
 
       // BMC Components and Mixins
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vuepress/styles/palette.styl
new file mode 100644
index 00000000..fc4f27eb
--- /dev/null
+++ b/docs/.vuepress/styles/palette.styl
@@ -0,0 +1,17 @@
+
+// VuePress Theme overrides
+// Needed for table component to render correctly.
+
+tr:nth-child(2n)
+  background-color transparent
+table
+  border-collapse collapse
+  z-index 0 !important
+  width 100%
+  display table
+th
+  border-right transparent
+  border-left transparent
+  text-align left
+td
+  border none
\ No newline at end of file