<head>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.2/css/jquery.dataTables.css">
<script type="text/javascript" src=" https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js "></script>
</head>
<body>
<table width="100%" class="display" id="table" cellspacing="0">
<thead>
<tr>
<th>API Name</th>
<th>API Type</th>
<th>Specification</th>
</tr>
</thead>
</table>
</body>
$(document).ready(function() {
$('#table').DataTable( {
"ajax": 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/515428/EdgeHTLM15.json',
"columns": [
{"data": "api_name"},
{"data": "api_type"},
{"data": "specs"}
]
} );
} );