JSFiddle - React, Tailwind, and code Playground
HTML
<div id=McnAddResult>
</div>
Sample Data is :
{"draw":null,
"recordsTotal":21105,
"recordsFiltered":21105,
"data":[
["000000","","Eq62 Misc","Kimberly Cunningham","No"],
["000001","","H G S E Co","Julia Whitney","No"],
["000010","","Roth Distr","Kimberly Cunningham","No"],
["000023","","Interim Se","Julia Whitney","No"],
["000040","","Resort Condomoniums Intl","Kimberly Cunningham","No"],
["000060","","Avis Rent A Car","Julia Whitney","No"],
["000070","","Tollman Hu","Julia Whitney","No"]
]
}
CSS
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" />
JavaScript
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
var $table=$('#MCNRes').dataTable
( {
"bFilter": false,
"bDestroy": true,
"bJQueryUI": true,
"bServerSide": true,
"sDom": '<"H"l<"toolbar">Tfr>t<"F"ip>',
"ajax": {
url: 'getResult.php',
type: 'POST'
}
});