JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" type="text/css">
<link rel="stylesheet" href="https://cdn.datatables.net/rowgroup/1.1.0/css/rowGroup.dataTables.min.css" type="text/css">
</head>
<body>
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>Name</th>
<th>Mark</th>
<th>Running Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>XXXXX</td>
<td>20</td>
</tr>
<tr>
<td>YYYY</td>
<td>20.30</td>
</tr>
<tr>
<td>ZZZZ</td>
<td>25.45</td>
</tr>
<tr>
<td>AAA</td>
<td>-3.45</td>
</tr>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script
</body>
</html>