Datatables 1.10.9
HTML
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/natural.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
<tr>
<th>Per day</th>
</tr>
</thead>
</table>
JavaScript
$(document).ready(function () {
var tableDataSet = [
{
"first_value" : "1200",
"second_value" : "2000"
},
{
"first_value" : "800",
"second_value" : "3200"
},
{
"first_value" : "500",
"second_value" : "1400"
}];
$('#example').dataTable({
"data": tableDataSet,
"columns": [
{ "data": "null",
"type": "natural",
render:
function(data, type, full) {
return '<p><span class="first_value">'+ full.first_value +'</span> / <span class="second-value">' + full.second_value + '</span></p>';
}
}
],
"paging": false,
"info": false,
"searching":false,
});
});