Skip to content

[Feature Request] Built-in Filter Editor for v-data-table (multi-condition, per-column, with operators) #22862

@arsen26

Description

@arsen26

Problem to solve

v-data-table currently exposes only a single global search prop and a per-call custom-filter. Anything beyond "type one string, match all columns" — per-column filtering, choosing an operator (equals / contains / starts with / is greater than / is blank…), combining multiple conditions with And/Or, nested groups — has to be rebuilt by hand in every project, usually by overriding the header slot with menus, autocompletes, or text fields. The community has produced many partial recipes for this (DEV.to "Multi Filter Column in Vuetify Data Table", several CodePens, Medium write-ups), which is itself evidence that the need is common and there is no canonical answer.
For business / LOB applications — ERP, accounting, admin panels, anything with a grid of hundreds or thousands of rows — this is a baseline expectation users bring from desktop grids. WinForms developers in particular have had the DevExpress Filter Editor for years and expect equivalent ergonomics on the web.
Reference
DevExpress Filter Editor (WinForms) — the prior art this request is modeled on: https://docs.devexpress.com/WindowsForms/2471/controls-and-libraries/data-grid/visual-elements/view-common-elements/filter-editor

Proposed solution

DevExpress Filter Editor (WinForms) — the prior art this request is modeled on: https://docs.devexpress.com/WindowsForms/2471/controls-and-libraries/data-grid/visual-elements/view-common-elements/filter-editor

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions