New to Kendo UI for Angular? Start a free 30-day trial

Highlighting the Searched Text while Filtering in the Grid

Environment

ProductProgress® Kendo UI® Grid for Angular

Description

How can I highlight the searched text entered in the textbox while filtering all the columns in the Kendo UI for Angular Grid?

Solution

By default, the Grid does not highlight the searched text. However, you can use the ngx-markjs package that is created using the Mark.js library to highlight the text of length greater than 3. For more details, check the ngx-markjs GitHub repository.

The following example demonstrates the full implementation of the suggested approach.

Example
View Source
Change Theme:

In this article

Not finding the help you need?