From 5163359b5e07ec99ba14c02b63f10b711dd5b393 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Tue, 25 Oct 2016 21:10:04 -0200
Subject: [PATCH] Start table component

---
 docs/src/pages/components/Table.vue | 20 +++++++++++++++++++-
 src/components/mdTable/mdTable.scss |  7 ++++++-
 src/components/mdTable/mdTable.vue  |  4 +++-
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/docs/src/pages/components/Table.vue b/docs/src/pages/components/Table.vue
index 08f0b24..7147cd3 100644
--- a/docs/src/pages/components/Table.vue
+++ b/docs/src/pages/components/Table.vue
@@ -2,7 +2,25 @@
   <demo-page label="Components - Table">
     <div slot="examples">
       <demo-example label="Default">
-        <md-table></md-table>
+        <md-table>
+          <thead>
+            <tr>
+              <th>Head 1</th>
+              <th>Head 2</th>
+              <th>Head 3</th>
+              <th>Head 4</th>
+            </tr>
+          </thead>
+
+          <tbody>
+            <tr>
+              <td>Cell 1</td>
+              <td>Cell 2</td>
+              <td>Cell 3</td>
+              <td>Cell 4</td>
+            </tr>
+          </tbody>
+        </md-table>
       </demo-example>
     </div>
 
diff --git a/src/components/mdTable/mdTable.scss b/src/components/mdTable/mdTable.scss
index 10a2258..dcfc116 100644
--- a/src/components/mdTable/mdTable.scss
+++ b/src/components/mdTable/mdTable.scss
@@ -1,5 +1,10 @@
 @import '../../core/stylesheets/variables.scss';
 
 .md-table {
-
+  display: flex;
+  flex-flow: column wrap;
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: .01em;
+  line-height: 20px;
 }
diff --git a/src/components/mdTable/mdTable.vue b/src/components/mdTable/mdTable.vue
index 2e243e0..c005ca4 100644
--- a/src/components/mdTable/mdTable.vue
+++ b/src/components/mdTable/mdTable.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="md-table" :class="classes">
-
+    <table>
+      <slot></slot>
+    </table>
   </div>
 </template>