Vuetable-2 - data table simplify!

Warning!

This branch is the beta release of v2.0 of Vuetable-2

• If you're looking for Vuetable that works with Vue 1.x, please go here

• If you're looking for the stable release of Vuetable-2, please go here

Documentation and Tutorial

You can find documentation for v2.0 of Vuetable-2 here

The tutorial for v2.0 is in the work, so you'll have to wait until I can find the time to finish it, sorry.

Sample Codes

I've created a bunch of examples in the CodeSandbox, please have a look.

If you any question, please post your questions in the "Issues" section of this Q&A repo. Be sure to put the link to the appropriate CodeSandbox in question, or the one that you forked.

Breaking Changes

v2.0.0-beta.1

• Please see the release note.

v1.6.0

• The icons prop of VuetablePagination is now moved into the css prop object. See this codepen.

Usage

NPM

npm install vuetable-2@next --save-dev

Javascript via CDN

Note

This has not been test thoroughly in this beta version, and any help would be much appreciated.

// vuetable-2 dependencies
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
// vuetable-2
<script src="https://unpkg.com/vuetable-2@next"></script>
Vue.use(Vuetable)

The .use from above will register all the components globally.

function install(Vue){
  Vue.component("vuetable", Vuetable);
  Vue.component("vuetable-pagination", VuetablePagination);
  Vue.component("vuetable-pagination-dropdown", VuetablePaginationDropDown);
  Vue.component("vuetable-pagination-info", VuetablePaginationInfo);
}

Also you have the ability to access certain components if you need them:

Vuetable: Vuetable.default/Vuetable.Vuetable,
VuetablePagination: Vuetable.VuetablePagination,
VuetablePaginationInfo: Vuetable.VuetablePaginationInfo,
VuetablePaginationDropdown: Vuetable.VuetablePaginationDropdown

Contributions

Any contribution to the code must be done to the next branch.

License

Vuetable is open-sourced software licensed under the MIT license.