JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jq-2.2.4/dt-1.10.15/fc-3.2.2/fh-3.1.2/sc-1.4.2/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/jq-2.2.4/dt-1.10.15/fc-3.2.2/fh-3.1.2/sc-1.4.2/datatables.min.js"></script>
<body>

  <div id="results">
    <table class='data-table small-font display compact' data-page-length="50"></table>
  </div>

</body>

JavaScript

var cols = [{
  title: "col1"
}, {
  title: "col2"
}];

var data = [
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
  ["dataendtry", "value"],
 ...