JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://bartaz.github.io/sandbox.js/jquery.highlight.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/jquery.dataTables.min.css">
<script src="https://cdn.jsdelivr.net/gh/Datatables/Plugins@097050f042e47c5c10ae6281a3c5749960bdf203/features/searchHighlight/dataTables.searchHighlight.js"></script>
<table id="source"> 
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
</table>

CSS

.highlight {
  background-color: yellow;
}

JavaScript

var table = $('#source').DataTable({ searchHighlight: true });

var i;
for (i = 0; i < 20000; i++) { 
  table.row.add( [ Math.random(), Math.random(), Math.random() ] )
}

table.draw();