Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] DataTable component - highlight search results #20357

Open
ioptrv opened this issue Aug 19, 2024 · 0 comments
Open

[Feature Request] DataTable component - highlight search results #20357

ioptrv opened this issue Aug 19, 2024 · 0 comments

Comments

@ioptrv
Copy link

ioptrv commented Aug 19, 2024

Problem to solve

I'm using the Vuetify v3 DataTable component to show the contents of a relatively small array of objects, therefore its local filter/search functionality works perfectly for me. However, each object in this array contains a property with a lot of text in it. When I search for a word and the DataTable component filters out only the rows containing this word in any of the columns/properties, I can't see exactly where the word was found - so I would like to highlight this word with the yellow background everywhere it's present. The official documentation doesn't mention a property or a method to do something like this, so I guess it is a feature request.

Proposed solution

Add a new property which could me mapped to the search string (or any other variable really) and an optional object of options to specify the formatting for the highlighted area: background color, font-weight and font-decoration

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant