vt

vue-tabulator

Vue Tabulator - The best way to use Tabulator in Vue projects

Showing:

Popularity

Downloads/wk

1.3K

GitHub Stars

23

Maintenance

Last Commit

1yr ago

Contributors

6

Package

Dependencies

8

Size (min+gzip)

17.9KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Vue Table, Vue Grid

Readme

Angeliski Coverage Status Greenkeeper badge

logo

Documentation

You can see the full documentation in: https://vue-tabulator.netlify.com/.

Getting Started

The vue-tabulator is a wrapper to Tabulator, so you need install the tabulator to use vue-tabulator.

Install vue-tabulator using npm:

npm install --save vue-tabulator

Or yarn:

yarn add --dev jest

Note: Vue-tabulator documentation uses npm commands, but yarn will also work. You can compare yarn and npm commands in the yarn docs, here.

Then, register vue-tabulaor plugin in your app entry point:

import Vue from 'vue';
import VueTabulator from 'vue-tabulator';

Vue.use(VueTabulator);

And import theme scss files:

<style lang='scss'>

@import "~vue-tabulator/dist/scss/bootstrap/tabulator_bootstrap4";

</style>

Note: Import the scss files is not required, but If you import, should configure your project to compile to css.

In your component, you can use the VueTabulator component:

<VueTabulator v-model="data" :options="options" />

The v-model and the options are required and you can use the pass the content of table and the configuration, respectively.

You can see another docs in documetation.

Develop Contributing

See CONTRIBUTING.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100