Highlight Global filter keyword in filtered data table

[Sakshi.Gupta6]

I want to highlight the searched global filter keyword in data table but didn't get any property to enable that feature, Is that available in prime react data table or not ?

Any way to achieve this in prime react data table without affecting any other action and view of the table?

Something like this: https://datatables.net/blog/2017-01-19

Thanks!

[Melloware]

You probably want to use a library like this Mark.js: https://markjs.io/

[Sakshi.Gupta6]

Thanks Melloware!

Yes, Mark.js highlight the result but that have application crash issues as well in some cases.

like if I'm applying the filter as well on the bases of same searched keyword, in that case when first time I search eg: "am" then it will highlight in table but after that if I edit the search and do that ""amm" then in that case application crash, because the records which doesn't have double "mm" will be removed from dom and in the same time Mark js apply the unmark function on pre-highlighted records, and some pre-highlighted records will not exist in dom now so application crash with error null.unmark is not a function

I implemented that in some other ways, thanks for your quick response!

[Johnnydept]

Thanks Melloware!

Yes, Mark.js highlight the result but that have application crash issues as well in some cases.

like if I'm applying the filter as well on the bases of same searched keyword, in that case when first time I search eg: "am" then it will highlight in table but after that if I edit the search and do that ""amm" then in that case application crash, because the records which doesn't have double "mm" will be removed from dom and in the same time Mark js apply the unmark function on pre-highlighted records, and some pre-highlighted records will not exist in dom now so application crash with error null.unmark is not a function

I implemented that in some other ways, thanks for your quick response!

[Melloware]

I don't know what "crash" means? Do you mean JavaScript error it sounds like you simply have a bug in your code using Mark.js.