Data table - Filtering

Lorem ipsum etc etc

Examples

Custom filter

You can override the default filtering used with the search prop by supplying a function to the custom-filter prop. You can see the signature of the function below.

(value: string, query: string, item?: any) => boolean | number | [number, number] | [number, number][]

In the example below, the custom filter will only match inputs that are in completely in upper case.

v-data-table/prop-custom-filter.vue

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub