mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-18 04:01:07 +00:00
Start table component
This commit is contained in:
parent
5c56e02e04
commit
5163359b5e
3 changed files with 28 additions and 3 deletions
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
<template>
|
||||
<div class="md-table" :class="classes">
|
||||
|
||||
<table>
|
||||
<slot></slot>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue