JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/start/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables_themeroller.css">
<script src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
<table id="TabResultat" class="display">
<thead>
<tr>
<th>Name</th>
<th>No</th>
<th>Yes</th>
</tr>
</thead>
<tbody>
<tr>
<td>Titi</td>
<td class="CellHover" align="center">
<input id="rb_E_7_13785" type="radio" value="Non valide" name="rb_107188"></td>
<td class="CellHover" align="center">
<input id="rb_R_7_13785" type="radio" checked="checked" value="Reussite" name="rb_107188"></td>
</tr>
<tr>
<td>Tutu</td>
<td class="CellHover" align="center">
<input id="rb_E_8430_13782" type="radio" checked="checked" value="Non valide" name="rb_107173">
</td>
<td class="CellHover" align="center">
<input id="rb_R_8430_13782" type="radio" value="Reussite" name="rb_107173">
</td>
</tr>
<tr>
<td>Toto</td>
<td class="CellHover" align="center">
<input id="rb_E_8430_13781" type="radio" checked="checked" value="Non valide" name="rb_107172">
</td>
<td class="CellHover" align="center">
...
JavaScript
var oTable = $('#TabResultat').DataTable(
{
"aoColumns": [
{"orderable": false},
{"orderable": false},
{"orderable": false},
],
"sScrollY": "390px",
"bScrollCollapse": true,
"bPaginate": false,
"bInfo": false,
"oLanguage":
{
"sSearch": "Rechercher :",
"sZeroRecords": "Aucun enregistrement",
}
} );