Search highlighting

Alex2019

Hello everyone,
I followed the instructions written on this page

https://datatables.net/blog/2014-10-22

unfortunately I can't activate Search result highlighting (which should turn blue)

here is my code

http://live.datatables.net/donolavo/1/edit

kthorngren

Your test case is missing a couple things.

First you didn't include the searchHighlight JS and CSS as documented here.

Second you don't have the draw event as shown here.

Here is the updated example with both changes:
http://live.datatables.net/qenuxima/1/edit

Kevin

Alex2019

thanky you kthorngren , work

Alex2019

I come back,
how to change highlighted text from yellow to blue?

tangerine

Amend or override the CSS.
https://cdn.datatables.net/plug-ins/1.10.25/features/searchHighlight/dataTables.searchHighlight.css

kthorngren

I inspected the highlighted text and found this CSS:

table.dataTable span.highlight {
    background-color: #FFFF88;
    border-radius: 0.28571429rem;
}

You should be able to override that CSS in your style section, like this:
http://live.datatables.net/qenuxima/3/edit

Kevin

Alex2019

tangerine, kthorngren
Thank you

kthorngren

Sorry, tangerine. I didn't notice your answer :-)

Kevin

tangerine

No problem, Kevin.