data table simplify! -- datatable component for Vue 2.x. See documentation at
VuetablePagination
has a v-if
in the top-level in the template section which was working before 2.4.x (I'm not sure which one).
But after update to Vue 2.4.4, this no longer work which makes sense since if the top-level block is falsy, the div
should be removed from the Virtual DOM and therefore should not be referable via refs
. However, this was not enforced properly by Vue prior to 2.4.x.
This patch fixes this problem by changing v-if
to v-show
, which is supposed to be the correct logic.
New props
http-method
-- by @moh3n65no-data-template
-- by @vertooreactive-api-url
-- by @kiltecdata-total
and data-manger
for Data mode, no detail document yet. But you can check out this codepen
Others
Vuetable-2 v1.6.0
api-url
prop so that the data gets automatically refresh, thanks to @c0defre4k for PR #58.vue-resource
with axios
, thanks to @ lmj0011 for PR #65els.forEach
compatibility issue that caused error on browsers other than Chrome. Thanks to @bajian for PR #66.row-class-callback
prop for row-class
proprow-class
prop is now also accepting Function
, thanks to @c0defre4k for PR #82.dist
directory, thanks to @cristijora for PR #94.css
prop.api-mode
(which is true
by default) and data
prop.
The default behavior (and still is) of Vuetable-2 is working with API endpoint. The api-mode
was added to allow using client side data array with Vuetable. However, all functionalities related to server side are disabled, e.g. sorting, paging, page sizing, etc. Related methods and properties will be marked if they will work on ApiMode only or not.sortFiled
is now passed to the __component
. Thanks to @SimplyCorey, Close #68.sort-icon
to handle-icon
, rename css.sortHandleIcon
to css.handleIcon
resetData
This will set both tableData
and tablePagination
to null
and fire vuetable:data-reset
event.vuetable:data-reset
This event will help improve better coordination with pagination and pagination info components when the data has been reset to null
.render-icon
-- allow overriding how the icon tag is renderedNote
I'm still new to semantic versioning and I learn as I go with this project. That's why the version number is a bit strange.
The callback
option in field definition now supports inline callback function. #57 Thanks to @c0defre4k.
new: __slot:<name>
special field, thanks to @sjmarve.
See PR #46 for detail.
fix: invalid key for class name in VuetablePaginationDropdown.vue, thanks @coderjp
track-by
replace detail-row-id
and default id
for __checkbox field__handle
and new css class: sortHandleIcon
for working with Sortable.jsvuetable:checkbox-toggled
and vuetable:checkbox-toggled-all
, thanks @abishekrsrikaanth for suggestion.<transition>
tag for detail rowname
instead of sortField
row-index
for __component
field and detail row componenttransform
now able to transform both data and paginationtransform
functionality