JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.9.1.js" integrity="sha256-e9gNBsAcA0DBuRWbm0oZfbiCyhjLrI6bmqAl5o+ZjUA=" crossorigin="anonymous"></script>
<link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css'/><script type='text/javascript' src='https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js'></script><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/autofill/2.3.7/css/autoFill.dataTables.min.css'/><script type='text/javascript' src='https://cdn.datatables.net/autofill/2.3.7/js/dataTables.autoFill.min.js'></script><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/buttons/1.7.1/css/buttons.dataTables.min.css'/><script type='text/javascript' src='https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js'></script><script type='text/javascript' src='https://cdn.datatables.net/buttons/1.7.1/js/buttons.colVis.min.js'></script><script type='text/javascript' src='https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js'></script><script type='text/javascript' src='https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js'></script><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/colreorder/1.5.4/css/colReorder.dataTables.min.css'/><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css'/><script type='text/javascript' src='https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js'></script><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/fixedcolumns/3.3.3/css/fixedColumns.dataTables.min.css'/><script type='text/javascript' src='https://cdn.datatables.net/fixedcolumns/3.3.3/js/dataTables.fixedColumns.min.js'></script><link rel='stylesheet' type='text/css' href='https://cdn.datatables.net/fixedheader/3.1.9/css/fixedHeader.dataTables.min.css'/><script type='text/javascript'...

JavaScript

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Qlfrtip',
        columnDefs: [{
            searchBuilderTitle: 'Job',
            targets: [1]
        }],
        "searchBuilder" : {
          "columns": [1,2,3,4,5],
          "conditions" : {
          },
          "preDefined": {
            "criteria":[
              {
                "condition": 'between',
                "data": 'Start Date',
                "value" : ["2008-11-28","2010-11-28"]
          }
          ]
        }
    }
    });
});