JSFiddle - React, Tailwind, and code Playground

HTML

<!-- DataTables --> 
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">   
<script type="text/javascript" src="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/af-2.1.2/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/cr-1.3.2/fc-3.2.2/fh-3.1.2/kt-2.1.3/r-2.1.0/rr-1.1.2/sc-1.4.2/se-1.2.0/datatables.min.js"></script>
       
<!-- Bootstrap --> 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
        
        
<table id="dataTable">
  <tr>
    <th>Entry Header 1</th>
    <th>Entry Header 2</th>
    <th>Entry Header 3</th>
    <th>Entry Header 4</th>
  </tr>
  <tr>
    <td>Entry First Line 1</td>
    <td>Entry First Line 2</td>
    <td>Entry First Line 3</td>
    <td>Entry First Line 4</td>
  </tr>
  <tr>
    <td>Entry Line 1</td>
    <td>Entry Line 2</td>
    <td>Entry Line 3</td>
    <td>Entry Line 4</td>
  </tr>
  <tr>
    <td>Entry Last Line 1</td>
    <td>Entry Last Line 2</td>
    <td>Entry Last Line 3</td>
    <td>Entry Last Line 4</td>
  </tr>
</table>

JavaScript

$("#dataTable").DataTable({
        "ordering": false,
        "scrollY": "auto",
        "info": true,
        "responsive": true,
        "dom": "ilfBpt",

        "lengthMenu": [[50, 100, -1], [50, 100, "Alle"]],

        "pageLength": 100,
        "language": {
            "emptyTable": "Geen licenties gevonden",
            "infoEmpty": "Geen resultaten om weer te geven",
            "infoFiltered": " (gefilterd uit _MAX_ resultaten)",
            "lengthMenu": "<p class='lenghtMenu'>Toon</p>  _MENU_  <p class='lenghtMenu'>resultaten</p>",

            "paginate": {
                "next": "Volgende",
                "previous": "Vorige"
            },
        },
        "columns": [
            {
                "data": "aantal"
            },
            {
                "data": "productCode"
            },
            {
                "data": "productOmschrijving"
            },
            {
                "data": "verkoopDatum"
            },
        ],
        "paging": true,
        "buttons": {
            "buttons": [
                {
                    "extend": 'csv',
                    "text": 'Export Excel',
                    "className": 'btn btn-danger',
                    "filename": 'licentie-export',
                }
            ],
        },
    });