JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/searchpanes/1.1.0/js/dataTables.searchPanes.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"></script>
<link rel='stylesheet' href='https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css' type='text/css' media='all' />
<link rel='stylesheet' href='https://cdn.datatables.net/searchpanes/1.1.0/css/searchPanes.dataTables.min.css' type='text/css' media='all' />
<link rel='stylesheet' href='https://cdn.datatables.net/select/1.3.1/css/select.dataTables.min.css' type='text/css' media='all' />
<button id="loadFilter">
Load Filters
</button>
<table id="example" class="display nowrap" style="width:100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
...
JavaScript
$(document).ready(function() {
var table = $('#example').DataTable( {
dom: 'Pfrtip'
});
$('#loadFilter').on('click', function() {
var row = $('#DataTables_Table_2').find('tr:nth-child(2)');
var spTable = $('#DataTables_Table_2').DataTable()
spTable.row( row ).select();
//$('#DataTables_Table_2').find('tr:nth-child(2)').addClass('selected');
//$('#DataTables_Table_2').find('tr:nth-child(2)').click();
});
});