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:

callback: function (row, query) {

return row.name[0] == query;

B. Then emit the event when appropriate:

Event.$emit('vue-tables.filter::alphabet', query);

EventBus.emit('vue-tables.filter::alphabet', query);

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.