<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>
body {
  font-family: segoe-ui_normal,Segoe UI,Segoe,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
}
$(document).ready(function() {
    $('#table').DataTable( {
      "ajax": 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/515428/EdgeHTML18.json',
        "columns": [
          {"data": "api_name"},
          {"data": "api_type"},
          {"data": "specs"}
        ]       
    } );
} );
 

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.