Vuetable-2 - data table simplify!
Vuetable-2 works with Vue 2.x, vuetable is for Vue 1.x
If you're looking for the version that's working with Vue 1.x, please go to
Documentation and Tutorial
Documentation is still under development, but you can view it at https://ratiw.github.io/vuetable-2. Thanks to @cristijora for the help.
Meanwhile, check out
Sample project using Vuetable-2 with Laravel 5.4 and Laravel-Mix
You can now make use of Vue's scoped slot using the new
__slot special field, thanks to @sjmarve. That means you are able to define action buttons per instance of a data table without depending on a globally defined component.
Use scoped slot in parent when defining the actions Vue Doc for scopped Slots
the onClick function can now be defined in the parent and the parent has Access to rowData and rowIndex via props. :)
The original functionality still works
iconsprop of VuetablePagination is now moved into the
cssprop object. See this codepen.
- Clone the project
- Go into the cloned directory
npm run dev
- Open browser to
npm install vuetable-2 --save-dev
Thanks to @cristijora for providing helps on this.
// vuetable-2 dependencies// vuetable-2Vue.use(Vuetable)
This is demonstrated in this jsfiddle.
.use from above will register all the components globally.
Also you have the ability to access certain components if you need them:
VueTable: VueTabledefault/VueTableVueTableVueTablePagination: VueTableVueTablePaginationVueTablePaginationInfo: VueTableVueTablePaginationInfoVueTablePaginationDropdown: VueTableVueTablePaginationDropdown
Any contribution to the code (via pull request would be nice) or any part of the documentation and any idea and/or suggestion are very welcome.
Note For any bug fix, the PR should be forked from the
masterbranch. And for any suggestion or additional feature, the PR should be forked from the
developbranch, where it can be integrated and rolled out in the next release.
If you are not sure, please ask by openning a new issue.
However, please do not feel bad if your pull requests or contributions do not get merged or implemented into Vuetable.
Your contributions can, not only help make Vuetable better, but also push it away from what I intend to use it for. I just hope that you find it useful for your use or learn something useful from its source code. But remember, you can always fork it to make it work the way you want.
Vuetable is open-sourced software licensed under the MIT license.