JSFiddle - React, Tailwind, and code Playground

by Apeksha Shah

HTML

<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<div id="divTable">

</div>

JavaScript

$(document).ready(function() {
  var params = {
    q: "Hello World"
  };
  var url = '//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css';

  $.ajax({
  	method: "get",
    url: url,
    data: params,
    success: function() {
      $("#divTable").html("<table id='tbl'><thead><tr><td>head 1</td><td>head 2</td></tr></thead><tbody><tr><td>R1C1</td><td>R1C2</td></tr><tr><td>R2C1</td><td>R2C2</td></tr><tr><td>R3C1</td><td>R3C2</td></tr><tr><td>R4C1</td><td>R1C2</td></tr></tbody></table>");
      var table = $("#tbl").DataTable();
      
    },
    error: function(xhr, status, error) {    
      alert("Error: " + status + " " + error);
    }
  });
});