Highlight specific text in cells based on filter/search

1 Answer 35 Views
Filter Grid Styling
Gerald
Top achievements
Rank 1
Gerald asked on 21 Feb 2024, 07:15 AM

Hi!

I implemented a filter over all columns to implement a search like the example in the Overview-section for the Grid component.

I would like to highlight all text in the columns yellow that match the entered search text.

Is that easily possible?

Best regards,

Gerald

1 Answer, 1 is accepted

Sort by
0
Zornitsa
Telerik team
answered on 22 Feb 2024, 09:18 AM

Hi Gerald,

There is a Knowledge Base article in our documentation that explains an approach for highlighting the currently searched text in the Grid component by using the ngx-markjs package from the Mark.js library:

I want to mention that the example does not load in the article due to the integration of a third-party library, so it should be opened in StackBlitz in order to be observed. 

https://stackblitz.com/edit/angular-81gcr2?file=src%2Fapp%2Fapp.component.ts

I hope the provided resource steers you in the right direction.

Regards,
Zornitsa
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Gerald
Top achievements
Rank 1
commented on 22 Feb 2024, 12:16 PM

Thank you! That is very helpful, I will pursue your approach.

BR,

Gerald

Tags
Filter Grid Styling
Asked by
Gerald
Top achievements
Rank 1
Answers by
Zornitsa
Telerik team
Share this question
or