> For the complete documentation index, see [llms.txt](https://ryunosukee.gitbook.io/vue3-datatables/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ryunosukee.gitbook.io/vue3-datatables/custom-filters.md).

# 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.