30:T751,table = { return (index, columns, groups, cb) => { const element = html`

${index.length > 1 ? html`` : ''} ${columns.map(({name}) => html``)} ${groups.flatMap((members, groupNum) => members.map((datum, rowNum) => html` ${rowNum === 0 ? html`` : html`` : ''} ${columns.map(({key, format}) => html`` )} `))}

${index[0].name}	${index[1].name}	${name}
${datum[index[0].key]}	`} ${index.length > 1 ? html`	${datum[index[1].key]}	${(format && datum[key]) ? format(datum[key]) : (datum[key] \|\| '')}

` element.addEventListener('click', evt => { if (evt.target.dataset.cell) { cb(_.zipObject([...index.map(({key}) => key), 'column'], evt.target.dataset.cell.split(''))) } }) return element } }31:[] 2e:{"title":"Table","cells":[{"id":0,"value":"md`# Table`","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"_ = require('lodash')","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"{\n const data = [\n [\n {state: 'California', city: 'San Francisco', population: 884363, costOfLiving: 2, unemployment: 0.019},\n {state: 'California', city: 'Los Angeles', population: 4e6, costOfLiving: 1.5, unemployment: 0.04},\n ],\n [\n {state: 'Connecticut', city: 'Greenwich', population: 62610, costOfLiving: null, unemployment: 0.025},\n ],\n ]\n return table(\n [{name: 'State', key: 'state'}, {name: 'City', key: 'city'}],\n [{name: 'Population', key: 'population'}, {name: 'Cost of Living', key: 'costOfLiving'}, {name: 'Unemployment', key: 'unemployment'}],\n data,\n datapoint => console.log(datapoint)\n )\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}