DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>
<table id="example"></table>

JavaScript

var data = {"[email protected]":{"calendar_id":"[email protected]","calendar_title":"#1612 White Quartz Apartment"},"[email protected]":{"calendar_id":"[email protected]","calendar_title":"#994 Cisco Amber (T2)"},"[email protected]":{"calendar_id":"[email protected]","calendar_title":"#1443. Marley Blue"}};

function sanitizeData() {
    result  = [];
    Object.keys(data).forEach(function(key) {
        result.push(data[key]);
    })
    return result;
}    
var table = $('#example').DataTable({
    data : sanitizeData(),
    columns : [
        { title : 'id', data : 'calendar_id' },
        { title : 'title', data : 'calendar_title' }
    ]
})