30:[] 2e:{"title":"Grid Table","cells":[{"id":0,"value":"md`# Grid Table`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"{\n // const rows = 12;\n const w = Math.floor(width / gridSize) * gridSize;\n const cw = Math.floor(width / gridSize / columns) * gridSize;\n const ww = cw * columns;\n const wc2 = 18;\n let a = ``;\n a += \"\";\n for (let c = 0; c < columns; c++)\n a += ``;\n a += \"\";\n for (let r = 0; r < rows; r++) {\n a += \"\";\n for (let c = 0; c < columns; c++) {\n a += ``;\n a += ``;\n }\n }\n a += \"\";\n a += \"

${c * rows +\n offset}
${(\n r * gridSize +\n c * rows * gridSize +\n offset\n ).toLocaleString()}	_{${c * 12 + r + 1}}

\";\n return html`${a}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof gridSize = slider({\n min: 3,\n max: 72,\n step: 3,\n value: 36,\n title: \"Grid Size\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof columns = slider({\n min: 1,\n max: 12,\n step: 1,\n value: 6,\n title: \"Columns\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"viewof rows = slider({\n min: 1,\n max: 36,\n step: 1,\n value: 12,\n title: \"Rows\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof offset = slider({\n min: 0,\n max: 72,\n step: 3,\n value: 0,\n title: \"Offset\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"style = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}