JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/linq.js"></script>
<table id="cision-datatable" class="display cision-table" cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Date</th>
</tr>
</thead>
</table>
JavaScript
$(document).ready(function () {
var table = $('#cision-datatable').DataTable({
ordering: false,
info: true,
bFilter: false,
processing: true,
serverSide: true,
ajax: function(data, callback) {
// make a regular ajax request using data.start and data.length
$.get('https://publish.ne.cision.com/papi/NewsFeed/A275C0BF733048FFAE9126ACA64DD08F', {
pageSize: data.length,
format: 'json',
pageIndex: (data.length + data.start) / data.length,
}, function(res) {
callback({
recordsTotal: res.TotalFoundReleases,
recordsFiltered: res.TotalFoundReleases,
data: res.Releases,
});
});
},
"columns": [
{"data": "Title"},
{"data": "PublishDate", "type": "date"},
],
"columnDefs": [
{
"render": function (data) {
var date = new Date(data);
return date.getFullYear() + '-' +
('0' + (date.getMonth()+1)).slice(-2) + '-' +
('0' + date.getDate()).slice(-2) + ' ' +
('0' + date.getHours()).slice(-2) + ':' +
('0' + date.getMinutes()).slice(-2);
},
"targets": 1
},
{"visible": true, "targets": [1]}
]
});
})(jQuery)