{"componentChunkName":"component---src-templates-example-page-js","path":"/tutorial-example12-whitespace","result":{"data":{"examplePageJson":{"title":"12. WhiteSpace","codeJs":"\n let gridData = [];\n (function() {\n for (let i = 0; i < 10; i += 1) {\n const text = 'grid example\\ngrid newline and clipboard example\\n\\ngrid example';\n gridData.push({\n nowrap: text,\n normal: text,\n pre: text,\n preWrap: text,\n preLine: text\n });\n }\n })();\n const grid = new tui.Grid({\n el: document.getElementById('grid'),\n data: gridData,\n scrollX: true,\n scrollY: true,\n rowHeight: 'auto',\n columns: [\n {\n header: \"whiteSpace: 'nowrap'\",\n name: 'nowrap',\n editor: 'text'\n },\n {\n header: \"whiteSpace: 'normal'\",\n name: 'normal',\n whiteSpace: 'normal',\n editor: 'text'\n },\n {\n header: \"whiteSpace: 'pre'\",\n name: 'pre',\n whiteSpace: 'pre',\n editor: 'text'\n },\n {\n header: \"whiteSpace: 'pre-wrap'\",\n name: 'preWrap',\n whiteSpace: 'pre-wrap',\n editor: 'text'\n },\n {\n header: \"whiteSpace: 'pre-line'\",\n name: 'preLine',\n whiteSpace: 'pre-line',\n editor: 'text'\n }\n ]\n });\n ","codeHtml":"\n <div id=\"grid\"></div>\n "},"file":{"relativePath":"examples/example12-whitespace.html"}},"pageContext":{"id":"tutorial-example12-whitespace","filename":"example12-whitespace"}},"staticQueryHashes":["1348573739","1897965698","2583274425","4108157242"]}