{"componentChunkName":"component---src-templates-example-page-js","path":"/tutorial-example10-data-source","result":{"data":{"examplePageJson":{"title":"10. DataSource","codeJs":"\n const grid = new tui.Grid({\n el: document.getElementById('grid'),\n data: {\n api: {\n readData: { url: '/api/readData', method: 'GET' }\n }\n },\n scrollX: false,\n scrollY: false,\n minBodyHeight: 30,\n rowHeaders: ['rowNum'],\n pageOptions: {\n perPage: 5\n },\n columns: [\n {\n header: 'Name',\n name: 'name'\n },\n {\n header: 'Artist',\n name: 'artist'\n },\n {\n header: 'Type',\n name: 'type'\n },\n {\n header: 'Release',\n name: 'release'\n },\n {\n header: 'Genre',\n name: 'genre'\n }\n ]\n });\n ","codeHtml":"\n <div id=\"grid\"></div>\n "},"file":{"relativePath":"examples/example10-data-source.html"}},"pageContext":{"id":"tutorial-example10-data-source","filename":"example10-data-source"}},"staticQueryHashes":["1348573739","1897965698","2583274425","4108157242"]}