JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css "></script>
<script src="http://cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.3/css/jquery.dataTables.css">
<table id="datatable9782" class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>Becenév</th>
<th>Rögzítve</th>
<th>Megerősítve</th>
<th></th>
</tr>
</thead>
</table>
JavaScript
var data = [{"nickname":"Maci","date":1422794531,"confirmed":"yes"}];
var icons= {
yes: 'https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/checked-2-16.png'
};
var datatable9782 = $("#datatable9782").dataTable({
data: data,
order: [ [0, "desc"] ],
columnDefs: [],
columns: [
{"searchable":true,"orderable":true,"data":"nickname"},
{"type":"date","searchable":true,"orderable":true,"data":"date",
render: {
display: function(value){
return (new Date(value*1000)).toString();
}
}
},
{"searchable":false,"orderable":false,"data":"confirmed",
render: {
display: function(value){
return '<img src="'+icons[value]+'" alt="'+value+'">';
}
}
}
],
PaginationType: "full_numbers",
});