You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
The text was updated successfully, but these errors were encountered:
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
The text was updated successfully, but these errors were encountered: