v-data-table text or icon link to any page

[flukedev8]

v-data-table text or icon link to any page

link

html for text `<v-data-table :headers="headers" :items="desserts" :items-per-page="5" class="elevation-1"

`

html for icon ` <v-data-table :headers="headers" :items="desserts" :page.sync="page" :items-per-page="5" hide-default-footer item-keay="name" class="elevation-1" @page-count="pageCount = $event"

`

Js for anyting code js simple `new Vue({ el: '#app', vuetify: new Vuetify(), data() { return { headers: [ { text: 'Dessert (100g serving)', align: 'left', sortable: false, value: 'name', }, { text: 'Calories', value: 'calories' }, { text: 'Fat (g)', value: 'fat' }, { text: 'Carbs (g)', value: 'carbs' }, { text: 'Protein (g)', value: 'protein' }, { text: 'Iron (%)', value: 'iron' }, ], desserts: [ { name: 'Frozen Yogurt', calories: 159, fat: 6.0, carbs: 24, protein: 4.0, iron: '1%', }, { name: 'Ice cream sandwich', calories: 237, fat: 9.0, carbs: 37, protein: 4.3, iron: '1%', },

........... `

methods: { linktopage(link){ this.$router.push('/'+link.action) } }

for link anywhere

[flukedev8]

https://codepen.io/anon/pen/RXVRyQ @flukedev8