Answers

• kthorngren Posts: 22,310Questions: 26Answers: 5,128

  August 2021 Answer ✓

  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 Posts: 62Questions: 9Answers: 0

  August 2021

  thanky you kthorngren , work
• Alex2019 Posts: 62Questions: 9Answers: 0

  August 2021

  I come back,
  how to change highlighted text from yellow to blue?
• tangerine Posts: 3,370Questions: 41Answers: 395

  August 2021 Answer ✓

  Amend or override the CSS.
  https://cdn.datatables.net/plug-ins/1.10.25/features/searchHighlight/dataTables.searchHighlight.css
• kthorngren Posts: 22,310Questions: 26Answers: 5,128

  August 2021 Answer ✓

  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 Posts: 62Questions: 9Answers: 0

  August 2021

  tangerine, kthorngren
  Thank you
• kthorngren Posts: 22,310Questions: 26Answers: 5,128

  August 2021

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

  Kevin
• tangerine Posts: 3,370Questions: 41Answers: 395

  August 2021

  No problem, Kevin.