vue-tabulator

The best way to use Tabulator in Vue projects
172,339 38
Install
npm install vue-tabulator
Latest Version:1.3.0
Vue:2
License:MIT
Last Updated:Dec 10, 2022
Links: GitHub  ·  npm
Maintainer: angeliski

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.

Related Packages

tabulator-tables-dotariel

Interactive table generation JavaScript library

765 0
tabulator-tables

Interactive table generation JavaScript library

7,168,143 7,788
tabulator-custom

Interactive table generation JavaScript library

2,860 0
tabulator-tables-scroll-fix

Tabulator Tables - Includes fix for group scrolling issues

999
open-grid

초경량·제로 의존성 데이터 그리드 — React·Vue·Angular·jQuery·Vanilla 어디서나. 가...

4,707 1

Version History

Version Released License
1.3.0 MIT
1.2.2 MIT
1.2.1 MIT
1.2.0 MIT
1.1.0 MIT
Pre-releases (2)
Version Released License
1.0.0-rc.1 MIT
1.0.0-rc.0 MIT