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
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 61ac0a8..c650d7e 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -48,6 +48,7 @@
"/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 5c21837..6ff8775 100644
--- a/docs/.vuepress/enhanceApp.js
+++ b/docs/.vuepress/enhanceApp.js
@@ -7,6 +7,7 @@
import {
AlertPlugin,
ButtonPlugin,
+ TablePlugin,
ToastPlugin
} from 'bootstrap-vue';
@@ -14,6 +15,7 @@
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 0000000..fc4f27e
--- /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