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 = {"23gjsd91su3guu509o1bchhqms@group.calendar.google.com":{"calendar_id":"23gjsd91su3guu509o1bchhqms@group.calendar.google.com","calendar_title":"#1612 White Quartz Apartment"},"vqbidsn2u4edlvto0frvevk6ig@group.calendar.google.com":{"calendar_id":"vqbidsn2u4edlvto0frvevk6ig@group.calendar.google.com","calendar_title":"#994 Cisco Amber (T2)"},"bi07i6futd90lvq9ba8ufvqdu8@group.calendar.google.com":{"calendar_id":"bi07i6futd90lvq9ba8ufvqdu8@group.calendar.google.com","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' }
    ]
})