Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-20 14:51:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Create empty alternative header

Browse source
This commit is contained in:
Marcos Moura 2016-10-31 02:17:13 -02:00
parent f10e60772b
commit 1b2cefebb1
3 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/Table.vue
View file

@ -70,6 +70,10 @@
</md-table-card>
<md-table-card>
<md-table-alternate-header>
<md-button class="md-primary">Remove</md-button>
</md-table-alternate-header>
<md-toolbar>
<h1 class="md-title">Nutrition</h1>
<md-button class="md-icon-button">

2
src/components/mdTable/index.js
View file

@ -4,6 +4,7 @@ import mdTableHead from './mdTableHead.vue';
import mdTableCell from './mdTableCell.vue';
import mdTableEdit from './mdTableEdit.vue';
import mdTableCard from './mdTableCard.vue';
import mdTableAlternateHeader from './mdTableAlternateHeader.vue';
import mdTablePagination from './mdTablePagination.vue';
import mdTableTheme from './mdTable.theme';
@ -27,6 +28,7 @@ export default function install(Vue) {
Vue.component('md-table-edit', Vue.extend(mdTableEdit));
Vue.component('md-table-card', Vue.extend(mdTableCard));
Vue.component('md-table-pagination', Vue.extend(mdTablePagination));
Vue.component('md-table-alternate-header', Vue.extend(mdTableAlternateHeader));
Vue.material.styles.push(mdTableTheme);
}

13
src/components/mdTable/mdTableAlternateHeader.vue Normal file
View file

@ -0,0 +1,13 @@
<template>
<md-toolbar class="md-table-alternate-header">
<slot></slot>
</md-toolbar>
</template>
<script>
export default {
props: {
}
};
</script>