Comment on page
Custom Filters
Custom filters allow you to integrate your own filters into the plugin using Vue's events system.
A. use the
customFilters
option to declare your filters, following this syntax:
customFilters: [{
name: 'alphabet',
callback: function (row, query) {
return row.name[0] == query;
}
}]
B. Then emit the event when appropriate:
Using the event bus:
Event.$emit('vue-tables.filter::alphabet', query);
EventBus.emit('vue-tables.filter::alphabet', query);
Using Vuex:
this.$store.commit('myTable/SET_CUSTOM_FILTER', {filter:'alphabet', value:query})
A. use the customFilters option to declare your filters, following this syntax:
customFilters: ['alphabet','age-range']
B. the same as in the client component.
C. Custom filters will be sent as request parameters. Implement the necessary logic on the server side.
Last modified 3yr ago