JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
<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 src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<table id="example" class="row-border hover order-column" style="width:100%">
                  <thead><tr><th title="Field #1">Name</th>
                    <th title="Field #2">Quantity</th>
                  </tr></thead>
                  <tbody>
                  <tr>
                    <td>Apple</td>
                    <td align="right">37</td>
                  </tr>
                  <tr>
                    <td>Android</td>
                    <td align="right">12</td>
                  </tr>
                  <tr>
                    <td>Windows</td>
                    <td align="right">11</td>
                  </tr>
                  <tr>
                    <td>Linux</td>
                    <td align="right">41</td>
                  </tr>
                </table>

JavaScript

$('#example').DataTable({
});