1.6.8 • Published 2 months 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
2 months ago
1.6.7
2 years ago
1.6.6
2 years ago
1.6.5
2 years ago
1.6.4
2 years ago
1.6.3
2 years ago
1.6.2
3 years ago
1.6.1
3 years ago
1.6.0
3 years ago
1.5.25
4 years ago
1.5.24
4 years ago
1.5.21
4 years ago
1.5.23
4 years ago
1.5.22
4 years ago
1.5.20
5 years ago
1.5.19
5 years ago
1.5.18
5 years ago
1.5.17
5 years ago
1.5.16
5 years ago
1.5.15
5 years ago
1.5.14
5 years ago
1.5.13
5 years ago
1.5.12
5 years ago
1.5.11
5 years ago
1.5.10
6 years ago
1.5.9
6 years ago
1.5.8
6 years ago
1.5.7
6 years ago
1.5.6
6 years ago
1.5.5
6 years ago
1.5.4
6 years ago
1.5.3
6 years ago
1.5.2
6 years ago
1.5.1
6 years ago
1.4.6
6 years ago
1.4.4
6 years ago
1.4.3
6 years ago
1.4.2
6 years ago
1.4.1
6 years ago
1.3.4
6 years ago
1.3.3
6 years ago
1.3.2
6 years ago
1.3.1
6 years ago
1.2.9
6 years ago
1.2.8
6 years ago
1.2.7
6 years ago
1.2.6
6 years ago
1.2.5
6 years ago
1.2.4
6 years ago
1.2.3
6 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.0
6 years ago