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.