2b:null 2c:["$","title",null,{"children":"Fancy tables II | pbogden | Observable"}] 31:T6ec,renderTable = (data, humanize = defaultHumanize, nully = () => '-') => { let columns = Object.keys(data[0]).map(name => ({ name, type: typeof data[0][name], decimalNumber: data.reduce((memo, d) => { if (typeof d[name] === 'number') { let frac = (d[name] || '').toString().split('.')[1]; if (frac) return Math.max(memo, frac.length); } return memo; }, 0) })); return html`

${columns.map(c => ``).join('')} ${data.slice(0, 250).map(datum => ` ${columns.map(c => { let val = datum[c.name]; if (c.decimalNumber && typeof val === 'number') { return ``; } if (val == null || val == undefined) val = nully(val); return ``; }).join('')} `).join('')}

${humanize(c.name)}
${val.toFixed(c.decimalNumber)}	${val}

${data.length > 250 ? `

This table has been truncated from ${data.length} rows to 250

` : ''}

` }32:[] 2f:{"id":"87e06223327549d3","slug":"fancy-tables-ii","title":"Fancy tables II","thumbnail":"e57a67fbff5d44b4d1d4afb5a231e7e40788c8a29cf3df31fa0bec61e95c2e7a","access_level":"public","create_time":"$D2019-12-11T10:38:07.133Z","update_time":"$D2019-12-11T11:52:28.080Z","view_time":null,"first_public_time":"$D2019-12-11T11:30:41.821Z","fork":{"id":"7be8c807496b59ec","slug":"fancy-tables","title":"Fancy tables","owner":{"id":"b47c3705cfcd7c1b","login":"tmcw","name":"Tom MacWright"}},"stars":2,"starred":false,"owner":{"type":"team","id":"f49bbe5451a36df9","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":"starter_2024"},"version":171,"publish_version":171,"role":null,"authored":false,"authors":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null}],"members":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Fancy tables II","cells":[{"id":0,"value":"md`# Fancy tables II\n\nI just made the table scrollable, avoiding [this issue](https://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-scroll-inside-tbody).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"renderTable(dji)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":42,"value":"renderTable(cars)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":65,"value":"defaultHumanize = str => str.replace(/[-_]/g, ' ')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"cars = require('@observablehq/cars')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":138,"value":"dji = require('@observablehq/dji')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"