DataTable Playground

by dshilkret

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<table id="data_table_test" class="display" width="100%"></table>

JavaScript

$(document).ready(function() {
    $('#data_table_test').DataTable( {
        "data": dataset,
        "columns": [
            { "data": "office", "title": "Office" },
            { "data": "extn", "title": "Extension" }
        ],
		dom: 'Bfrti',
		deferRender: true,
		scrollY: 420,
		scrollX: true,
		scroller: true,
		buttons: [
			'excel','csv'
		],
		order: []
    } );
} );

var dataset = [{
    "office": "Edinburgh",
    "extn": "5421"
}, {
    "office": "Tokyo",
    "extn": "8422"
}, {
    "office": "San Francisco",
    "extn": "1562"
}, {
    "office": "Edinburgh",
    "extn": "6224"
}];