{"componentChunkName":"component---src-templates-example-page-js","path":"/tutorial-example26-infinite-scroll","result":{"data":{"examplePageJson":{"title":"26. infinite scroll","codeJs":"\n function createRows() {\n const rows = [];\n for (let i = 0; i < 50; i += 1) {\n const row = {};\n for (let j = 0; j < 5; j += 1) {\n row[`c${j}`] = (Math.random() * 100000000000).toFixed();\n }\n rows.push(row);\n }\n return rows;\n }\n \n const columns = [];\n\n for (let i = 0; i < 5; i += 1) {\n const name = `c${i}`;\n columns.push({ name, header: name });\n }\n\n const grid = new tui.Grid({\n el: document.getElementById('grid'),\n bodyHeight: 500,\n data: createRows(),\n columns,\n rowHeaders: ['rowNum']\n });\n\n grid.on('scrollEnd', () => {\n grid.appendRows(createRows());\n })\n ","codeHtml":"\n <div id=\"grid\" style=\"width: 800px\"></div>\n "},"file":{"relativePath":"examples/example26-infinite-scroll.html"}},"pageContext":{"id":"tutorial-example26-infinite-scroll","filename":"example26-infinite-scroll"}},"staticQueryHashes":["1348573739","1897965698","2583274425","4108157242"]}