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>