0.3.0 • Published 4 years ago
tabulator-vue v0.3.0
What is this?
A wrapper for using Tabulator.js in your Vue.js apps.
Installation
npm i tabulator-vue --save
Using
<template>
<div id="app">
<TabulatorComponent
:dataMas="data"
:options="options"
/>
</div>
</template>
import TabulatorComponent from 'tabulator-vue';
import 'tabulator-vue/dist/tabulator-vue.css';
export default {
name: '#app',
components: {
TabulatorComponent
},
data () {
return {
data: [
{
name: 'Tom',
age: 14
},
{
name: 'Jack',
age: 11
},
{
name: 'May',
age: 15
},
{
name: 'Paul',
age: 18
},
{
name: 'David',
age: 10
},
],
options: {
columns: [
{
title: 'Name',
field: 'name',
sorter: 'string',
width: 200,
editable: false,
},
{
title: 'Age',
field: 'age',
},
],
autoResize: false,
columnHeaderVertAlign:"center",
},
}
}
}
</script>
Options
Tabulator-vue supports the same options as Tabulator.js, so you just send parameters to TabulatorComponent props like 'options'.
0.3.0
4 years ago
0.2.9
4 years ago
0.2.7
4 years ago
0.2.8
4 years ago
0.2.6
4 years ago
0.2.5
4 years ago
0.2.4
4 years ago
0.2.1
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.9
4 years ago
0.2.3
4 years ago
0.1.4
4 years ago
0.2.2
4 years ago
0.1.3
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.0
4 years ago