vuetable-pagination
is no longer part ofvuetable
by default.- better customization
- cleaner implementation
- easy to setup
- listen to
vuetable:pagination-data
event onvuetable-table>
component to wire the pagination data tovuetable-pagination
component. - listen to
vuetable-pagination:change-page
event on designatedvuetable-pagination
component to wire the page changing request tovuetable-table
- listen to
- Due to deprecations of $broadcast and $dispatch in Vue 2.0, all of the listening events where you used to be able to sent vuetable to perform task, e.g.
refresh()
are no longer existed. Please check documentation. You are now required to useref
to directly refer to thevuetable
components to directly use its API for certain functionality.- Available events
- vuetable:loading
- vuetable:loaded
- vuetable:load-success
- vuetable:load-error
- vuetable:pagination-data
- vuetable:row-changed
- vuetable:row-clicked
- vuetable:detail-row-clicked
- vuetable:cell-clicked
- vuetable:cell-dblclicked
- vuetable:checkbox-toggled
- No longer available
- vuetable:reload -- directly call
reload()
method instead - vuetable:refresh -- directly call
refresh()
method instead - vuetable:goto-page -- directly call
changePage()
method instead - vuetable-pagination:change-page -- no real use now
- vuetable:action -- no longer use as
__actions
is removed.
- vuetable:reload -- directly call
- Available events
__actions
special field was removed in favor of__component
. See example.appendParams
prop type changes from Array to Object to reflect the change in updating vue-resource to version 1.0 (Breaking Change)- vuetable should now work with IE, thanks to template compilation to virtual DOM.
- Removed properties
wrapper-class
table-wrapper
show-pagination
pagination-component
pagination-component-class
pagination-class
selected-to
http-data
-- vue-resource API change, usehttp-options
instead
- Moved properties
- The following are properties related to CSS, which are now moved inside
css
prop.tableClass
loadingClass
ascendingIcon
descendingIcon
detailRowClass
- The following pagination info related properties are now moved into its own component
PaginationInfo
.pagination-info-class
pagination-info-template
pagination-info-no-data-template
- The following are properties related to CSS, which are now moved inside
vuetable:load-success
event is now fired right after the requested data has been successfully retrieved. This is logically how it should be. Previously, it was fired after thetableData
andtablePagination
have been set.
- Data transformation via
transform
method.