JSFiddle - React, Tailwind, and code Playground

by ivos

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.9.3/js/tabulator.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.9.3/css/tabulator.min.css">
<div id="tbl">
&nbsp;
</div>

JavaScript

var data = [{id:1}, {id:2}, {id:3}];
var placeholder = $("<span>Waiting for data</span>");
var conf = {
//  placeholder: "Waiting for data",
  placeholder: placeholder,
  columns: [
    { title: "Id", field: "id", headerFilter: "input" },
  ],
  dataFiltered: (filters, rows) =>{
    placeholder.text(filters.length > 0 ? 'No Results': 'Waiting for data');
  },
};
var t = new Tabulator('#tbl', conf);
setTimeout(function(){ t.setData(data)}, 5000);