diff --git a/docs/src/App.vue b/docs/src/App.vue
index 781ebc7..31b24ce 100644
--- a/docs/src/App.vue
+++ b/docs/src/App.vue
@@ -87,6 +87,10 @@
Tabs
+
+ Table
+
+
Toolbar
diff --git a/docs/src/pages/Error.vue b/docs/src/pages/Error.vue
index 065881a..667b1f2 100644
--- a/docs/src/pages/Error.vue
+++ b/docs/src/pages/Error.vue
@@ -4,6 +4,6 @@
Hmmm. Too bad
Are you searching for a new component? Or maybe you have an question? Get in touch!
- New Issue
+ New Issue
diff --git a/docs/src/pages/components/Table.vue b/docs/src/pages/components/Table.vue
new file mode 100644
index 0000000..08f0b24
--- /dev/null
+++ b/docs/src/pages/components/Table.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/routes.js b/docs/src/routes.js
index 1064ba0..5dbb5dc 100644
--- a/docs/src/routes.js
+++ b/docs/src/routes.js
@@ -21,6 +21,7 @@ import Select from './pages/components/Select';
import Sidenav from './pages/components/Sidenav';
import Subheader from './pages/components/Subheader';
import Switch from './pages/components/Switch';
+import Table from './pages/components/Table';
import Tabs from './pages/components/Tabs';
import Toolbar from './pages/components/Toolbar';
import Tooltip from './pages/components/Tooltip';
@@ -138,6 +139,11 @@ const components = [
name: 'components:subheader',
component: Subheader
},
+ {
+ path: '/components/table',
+ name: 'components:table',
+ component: Table
+ },
{
path: '/components/tabs',
name: 'components:tabs',
diff --git a/src/components/mdTable/index.js b/src/components/mdTable/index.js
new file mode 100644
index 0000000..ef42f08
--- /dev/null
+++ b/src/components/mdTable/index.js
@@ -0,0 +1,8 @@
+import mdTable from './mdTable.vue';
+import mdTableTheme from './mdTable.theme';
+
+export default function install(Vue) {
+ Vue.component('md-table', Vue.extend(mdTable));
+
+ Vue.material.styles.push(mdTableTheme);
+}
diff --git a/src/components/mdTable/mdTable.scss b/src/components/mdTable/mdTable.scss
new file mode 100644
index 0000000..10a2258
--- /dev/null
+++ b/src/components/mdTable/mdTable.scss
@@ -0,0 +1,5 @@
+@import '../../core/stylesheets/variables.scss';
+
+.md-table {
+
+}
diff --git a/src/components/mdTable/mdTable.theme b/src/components/mdTable/mdTable.theme
new file mode 100644
index 0000000..a2a2250
--- /dev/null
+++ b/src/components/mdTable/mdTable.theme
@@ -0,0 +1,6 @@
+.THEME_NAME {
+ .md-table,
+ &.md-table {
+
+ }
+}
diff --git a/src/components/mdTable/mdTable.vue b/src/components/mdTable/mdTable.vue
new file mode 100644
index 0000000..2e243e0
--- /dev/null
+++ b/src/components/mdTable/mdTable.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/index.js b/src/index.js
index 37251c6..f38276d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,6 +14,7 @@ import mdSelect from './components/mdSelect';
import mdSidenav from './components/mdSidenav';
import mdSubheader from './components/mdSubheader';
import mdSwitch from './components/mdSwitch';
+import mdTable from './components/mdTable';
import mdTabs from './components/mdTabs';
import mdToolbar from './components/mdToolbar';
import mdTooltip from './components/mdTooltip';
@@ -36,6 +37,7 @@ let options = {
mdSidenav,
mdSubheader,
mdSwitch,
+ mdTable,
mdTabs,
mdToolbar,
mdTooltip,