document.addEventListener("DOMContentLoaded", function() { new FancyGrid({ title: 'Load JSON file', renderTo: 'container', width: 500, height: 400, theme: 'blue', data: { proxy: { url: 'https://fancygrid.com/ajax/users.json' } }, defaults: { type: 'string', width: 100, resizable: true, sortable: true }, columns: [{ index: 'company', width: 105, locked: true, title: 'Company' }, { index: 'name', title: 'Name' }, { index: 'surname', title: 'Sur Name' }, { index: 'age', width: 60, title: 'Age', type: 'number' }] }); });
<script src="https://cdn.fancygrid.com/fancy.min.js"></script> <div id="container"></div>