1.6.8 • Published 1 year ago
vue-bulma-table v1.6.8
vue-bulma-table
Vue DataTable with Bulma style
Getting Started
Installing
npm install vue-bulma-table --save
or
yarn add vue-bulma-table
Setup
import DataTable from 'vue-bulma-table'
Vue.component('data-table', DataTable)
Example:
html
<data-table
:data="data" # required - array of data
:fields="fields" # required - set columns
>
<template slot="lastname" slot-scope="prop"> # using slot in lastname field
<h1>{{ prop.data.lastname }}</h1>
</template>
<template slot="footer"> # optional - using footer
<tr></tr>
</template>
</data-table>
script
export default {
data () {
return {
fields: [
{
name: 'firstname', // name of object property in array
label: 'First name', // optional - custom table header
},
{
name: 'lastname',
label: 'Last name'
},
{
name: 'age',
label: 'Age',
callback: data => { // optional - get data of the role and return to cell
return data.age * 2
}
}
]
}
}
}
1.6.8
1 year ago
1.6.7
3 years ago
1.6.6
3 years ago
1.6.5
3 years ago
1.6.4
4 years ago
1.6.3
4 years ago
1.6.2
4 years ago
1.6.1
4 years ago
1.6.0
4 years ago
1.5.25
5 years ago
1.5.24
5 years ago
1.5.21
6 years ago
1.5.23
6 years ago
1.5.22
6 years ago
1.5.20
6 years ago
1.5.19
6 years ago
1.5.18
6 years ago
1.5.17
6 years ago
1.5.16
6 years ago
1.5.15
6 years ago
1.5.14
6 years ago
1.5.13
6 years ago
1.5.12
6 years ago
1.5.11
6 years ago
1.5.10
7 years ago
1.5.9
7 years ago
1.5.8
7 years ago
1.5.7
7 years ago
1.5.6
7 years ago
1.5.5
7 years ago
1.5.4
7 years ago
1.5.3
7 years ago
1.5.2
7 years ago
1.5.1
7 years ago
1.4.6
7 years ago
1.4.4
7 years ago
1.4.3
7 years ago
1.4.2
7 years ago
1.4.1
7 years ago
1.3.4
7 years ago
1.3.3
8 years ago
1.3.2
8 years ago
1.3.1
8 years ago
1.2.9
8 years ago
1.2.8
8 years ago
1.2.7
8 years ago
1.2.6
8 years ago
1.2.5
8 years ago
1.2.4
8 years ago
1.2.3
8 years ago
1.2.2
8 years ago
1.2.1
8 years ago
1.1.2
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.0
8 years ago